Я разрабатываю веб-сайт, который включает карточки для изучения китайских иероглифов. Проблема в том, что IE делает шрифты немного выше в строке, чем другие браузеры, которые я тестировал. Обычно это не имеет большого значения, но с флеш-картой шрифт настолько велик, что разница в размещении становится очень заметной.
Я загрузил фиктивную версию веб-страницы здесь: http://mandaclu.com/dummy/flashcard.html. Откройте ссылку в Firefox/Chrome и IE, чтобы увидеть разницу (Чтобы увидеть действительно простую страницу с той же проблемой, используйте эту ссылку: http://mandaclu.com/dummy/test.html).
Я просмотрел все и не нашел способа заставить этого персонажа сидеть в одном месте на странице, независимо от браузера. У кого-нибудь есть идеи? (Сброс CSS тоже не сработал) Спасибо за любую помощь, которую вы можете предоставить.
Похоже на то, как IE и другие браузеры отображают текст с размером строки> text-size.
Попробуйте установить line-height = text-size и добавьте верхнее дополнение, чтобы вместо этого текст был заменен.
например.
#char {
display: inline-block;
font-size: 180px;
line-height: 180px;
margin: 0;
padding: 30px 0 0 0;
position: relative;
vertical-align: bottom;
width: 260px;
}