Использование дробных em в свойстве размера шрифта CSS

скажем, у меня есть следующее правило CSS:

.className {
font-size:0.89em;
}

мой вопрос в том, как "глубоко" в дроби я могу пойти, указав их для браузеров, которые фактически поддерживают его, и для размера шрифта, который будет отображаться по-разному для небольшого дробного изменения значения em?

12
css em font-size

1 ответов

JohnB прав. Мы по-прежнему рендеринга в пикселях независимо от размера единицы мы используем, и небольшие изменения в ems не изменит отображаемый размер:

например, для текста, первоначально отображаемого на высоте 20px*, мы можем видеть, что нет никакого эффективного изменения, когда правило добавляется, чтобы сделать это .99em своей первоначальной высоты:

20 * 0.99 = 19.8

браузер не может отобразить .8 пикселя, поэтому (предполагая, что он округлится) он по-прежнему будет отображать его как 20px высокий.

хотя кажется, что браузеры не всегда округляются, как ожидалось:

http://meyerweb.com/eric/thoughts/2010/02/10/rounding-off/

http://ejohn.org/blog/sub-pixel-problems-in-css/

* Да, я знаю, что размер шрифта 20px не всегда означает, что он отображается в 20px!

6