Насколько корректно использовать такое значение для шрифта?

Question

[Bestolkovy]

Здравствуйте!

На одном сайте, мне понравился размер шрифта, который равняется 1.1em. Но у себя на сайте, я использую исключительно пиксели. Опытным путём, удалось выяснить, что 1.1em - это 17.6px, хотя все конверторы из em в px, говорят что это будет 17px. Насколько корректно использовать значение 17.6px?

Answer 1

[Сергей Горячев]

Не грузите вы себя и других, используйте EM.
Сказано 1.1 em, значит пишите 1.1 em.
Выдумываете геморрой на голову только.

А если уж дать конкретный ответ на вопрос.
То попробуйте сначала нарисовать элемент высотой или шириной 17.6 пикселей.
Вот прямо откройте фотошоп, создайте квартрат 17.6х17.6. Получится?
Только вопрос отпадает сам собой)

Немного теории почитайте, что такое пиксели.

Comments

[Bestolkovy]

Я бы их с удовольствием использовал, но внутри контейнера pre - они не всегда ведут себя корректно (не всегда срабатывают)... А использовать в одном месте пиксели, а в другом эммы, не слишком красиво? К тому же, большинство крупных сайтов, до сих пор используют (почему-то) пиксели?..

[Ankhena]

Bestolkovy: Да какая разница, все равно браузер пересчитывает в px и округляет до целых, причем разные браузеры по разному. Все равно у Вас есть начальный размер, установленный браузером по умолчанию. И он в пикселях.
Дальше уже появляются аспекты удобства расчетов, перерасчетов при изменении желаний заказчика, нужен ли PixelPerfect, адаптивность и т.д.

Answer 2

[_ _]

em это размер, который считается относительно размера родительского элемента.

<div style="font-size: 10px">
  <span style="font-size: 2em">
    <span style="font-size: 1em">
    </span>
  </span>
</div>

Размер шрифта первого и второго span будет равен 20px, хотя у второго размер шрифта 1 em.
Веб-инспектор Chrome с радостью покажет вам действительное значение размера шрифта в пикселях.

Comments

[Сергей Горячев]

Правда это действительно значение не видит разницы между 170.1px и 170.9px. А так да, покажет) ТУпой калькулятор, основанный на простом вычислении: базовый px / 100 * em. Только вот при рендере страницы разницы не видно вообще.

[Bestolkovy]

Хорошо, как выставить точный размер шрифта в эммах, для дочернего элемента? Сидеть и подбирать? Если мне надо аналог 12px. Получается, для родительского элемента я выставлю размер в эммах, а для дочернего в пикселях?

[Dmitry Slipchenko]

Bestolkovy: а если использовать rem вместо em для всей страницы? проблем наследование от родительского элемента точно не будет.