web-dev-qa-db-ja.com

フォントサイズを指定するときの小数の精度は、すべてのブラウザで尊重されますか？

次のCSSを使用する場合：

p {
    font-size: 20.5px;
}

すべてのブラウザはそれを20.5pxとして描画しますか、それとも値を丸めますか？

csscross-browserfont-size
12
Jonny

小数は、すべてのブラウザで一貫して丸められるわけではありません。私が見つけた最高の投稿はここにあります： ブラウザの丸め

これには、次のことを示す表が含まれています。

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
4
citizenen

最新バージョンのブラウザはすべて、サブピクセルレンダリング*を許可しています。 research および ブラウザバージョン間の違い の表を参照してください。

古いブラウザは主にピクセルを切り捨てます。最も注目すべき例外は、最も近い整数に丸めるIE8とIE9です（IE7も切り捨て、IE10以降はサブピクセルレンダリングを使用します）。

*サイズをパーセンテージで定義する場合、ピクセルで直接定義する場合とは、ピクセルでの値が異なる場合があります。

2
Lode