Я устанавливаю:Неожиданное в результате чего высота коробки
font-size: 13.44px
line-height: 1.4881
Умножив тех, gives us 20.000064
Но тонированное/вычисляется высота коробки 19px
Почему?
http://jsbin.com/vokesukeye/2/edit?html,output
Как я уже писал в своем комментарии ранее: значения пикселей округляются, сначала размер шрифта 13px, а затем результат до 19px, из-за природы пикселей (которые представляют собой целый пиксель или пиксель, за исключением, возможно, на сетчатых дисплеях)
Даже на Retina (и других дисплеях с высоким разрешением DPI), когда каждый виртуальный пиксель является 2х2 реальными пикселями , виртуальные пиксели рассматриваются как двоичные: либо «присутствующие», либо нет. Тень коробки может сделать исключение, но она не управляется напрямую правилами стиля. –
Размер шрифта, кажется, округляется вверх или вниз для этого расчета.
Когда я увеличиваю размер шрифта CSS до 13.6px (через функцию Chrome Inspect), высота текстового контейнера была увеличена с 19px до 20px.
Вы можете попробовать использовать «Осмотреть» с помощью браузера и в интерактивном режиме настроить эти параметры CSS, чтобы определить параметры CSS.
возможно, он округлен, сначала размер шрифта 13px, а затем результат до 19px – Johannes
Это должно быть очень маловероятным, так как размер шрифта 13.1px визуализируется, очевидно, меньше 13.4px. Это означает, что браузеры не выбрасывают десятичные значения при рендеринге. – Birowsky
Проверьте разницу между 13.4px и 13.5px в размере шрифта (в результате получается 19px и 20px соответственно), очень вероятно, что он округлен по пути –