Рендеринг ширины шрифта IE 9

Question

Я строю карусель, которая показывает 3 новости на сайте.он показывает заголовок новости и первые 150 символов новости, все элементы в карусели должны быть одинаковой высоты, поэтому я установил для каждого элемента новости высоту: 182 пикселя;width: 210px;

Все выглядит хорошо в любом браузере, кроме IE 9, так как кажется, что шрифты отображаются немного шире, чем во всех других браузерах, поэтому, поскольку все элементы имеют заданную высоту и ширину, текст вIE 9 идет на 4 строки вместо 3 строк, которые используют все остальные браузеры.Тогда это выбивает все остальное из места.

Так что мне интересно, можно ли что-нибудь сделать, чтобы сделать текст таким же, как и во всех других браузерах?

Спасибо за любую помощь.

J.

Answer 1

Я на самом деле обнаружил проблему в случае, если у кого-то есть такая же проблема.

Не уверен, что кто-то еще делает это, но именно это вызвало проблему.

в моем css на теле я обычно помещаю размер шрифта: 64,5%, чтобы любые шрифты, которые я использую после этого, составляли в основном десятую часть размера пикселя, поэтому 14px будет размером шрифта 1.4em и т. Д. И т. Д.

но, похоже, это немного увеличивает размер шрифта в IE9 при использовании 1.1em, поэтому я теперь поместил тело css в значение font-size: 100%, затем использовал http://pxtoem.com/, чтобы найти определенный шрифт em размеры и все, кажется, работает хорошо во всех браузерах ... надеюсь, это поможет кому-то еще:)

Это также может быть полезно http://msdn.microsoft.com/en-us/library/hh237264%28v=vs.85%29.aspx#using_spp_on_your_site

Answer 2

Я тоже это заметил, и это довольно раздражает. Мне пришлось создавать исправления CSS для вещей, над которыми я работаю. Почему IE никогда не может сделать это правильно! Это замедляет время разработки без конца.