css - CSS の font-size プロパティで分数 em を使用する

Question

たとえば、次の CSS ルールが定義されているとします。

.className {
font-size:0.89em;
}

私の質問は、ブラウザが実際にそれをサポートし、フォントサイズが em の値の小さな部分的な変化に対して異なる方法でレンダリングされるように指定しながら、分数にどのように「深く」行くことができるかということです。

Answer 1

ジョンBは正しいです。使用するサイズ単位が何であれ、引き続きピクセルでレンダリングしているため、em を少し変更しても、表示されるサイズは変わりません。

たとえば、もともと 20px* の高さで表示されていたテキストの場合、元の高さの .99em にするルールを追加しても効果的な変更がないことがわかります。

20 * 0.99 = 19.8 

ブラウザーは 0.8 ピクセルを表示できないため、(切り上げられると仮定して) 高さ 20 ピクセルで表示されます。

ブラウザが常に期待どおりに四捨五入するとは限らないように見えますが:

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

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

*はい、20px のフォントサイズが必ずしも 20px で表示されるとは限りません!