Если я использую следующий CSS:Является десятичной точностью при указании размера шрифта, соблюдаемого всеми браузерами?
p {
font-size: 20.5px;
}
Будут ли все браузеры сделать что, как 20.5px, или будет какой-нибудь вокруг значения?
Десятичные числа не округлены последовательно во всех браузерах. Лучший пост я мог бы найти здесь: Browser Rounding
Это содержит таблицу, которая показывает следующее:
Internet Explorer 7 truncate to 2 decimal places
Internet Explorer 8 truncate to 2 decimal places
Internet Explorer 9 truncate to 2 decimal places
Internet Explorer 10 truncate to 2 decimal places
Internet Explorer 11 truncate to 2 decimal places
Firefox 3.0 truncate to 3 decimal places
Firefox 3.5 truncate to 3 decimal places
Firefox 31 truncate to 3 decimal places
Chrome 20 round to 15 decimal places
Chrome 21 round to 15 decimal places
Chrome 37 round to 13 decimal places
Safari 6 (OSX Lion) round to 15 decimal places
Safari 6.1 (OSX Mountain Lion) round to 15 decimal places
Safari 7 (OSX Mavericks) round to 15 decimal places
Mobile Safari 7 (iOS7) round to 15 decimal places
Mobile Safari 8 (iOS8) round to 15 decimal places
Chrome 36 (Jelly Bean) [Nexus5] round to 15 decimal places
Chrome 30 (KitKat) [S5] round to 15 decimal places
Android Browser 4 (Jelly Bean) [Nexus7,Nexus4,S4,S3] round to 15 decimal places
Android Browser 4 (Ice Cream Sandwich) [Nexus,KindleFire2] round to 15 decimal places
Android Browser 4 (Gingerbread) [S2] truncate to 3 decimal places
Opera 12 truncate to 2 decimal places
Opera Next 24 round to 13 decimal places
Данные вы скопировали, применяя к рендерингу после определения его в процентах. Не при определении в 'px' напрямую. – Lode
Страница, на которую вы ссылаетесь, не относится к размерам шрифта. –
Всех последние версии браузеров позволяют субпиксельного рендеринг *. См. Таблицу research и таблицу differences between browser versions.
Старые браузеры в основном вокруг пикселей вниз. Наиболее заметным исключением являются IE8 и IE9, которые округляются до ближайшего целого числа (IE7 также округляется, IE10 и выше используют субпиксельную визуализацию).
* Если вы определяете размер в процентах, значение в пикселях может отличаться, как при прямом определении его в пикселях.
Страница, на которую вы ссылаетесь, не относится к размерам шрифта. –
Подпиксельная рендеринг не имеет ничего общего с размером шрифта. Это возможность использовать отдельные пиксели (обычно красные, зеленые и синие), а также пиксель на мониторе для лучшего отображения текста. –
Возможный дубликат [Использование дробных em в свойстве font-size CSS] (http://stackoverflow.com/questions/7656883/using-fractional-ems-in-csss-font-size-property) – GSerg