说,我定义了以下CSS规则:
.className {
font-size:0.89em;
}
Run Code Online (Sandbox Code Playgroud)
我的问题是,在为浏览器实际支持它的情况下指定'em'以及为em值的一小部分变化而不同地呈现字体大小时,我可以如何"深入"分数?
JohnB是对的.无论我们使用什么尺寸单位,我们仍然以像素为单位渲染,而ems的微小变化不会改变显示的尺寸:
例如,对于最初显示在20px*高度的文本,我们可以看到,当添加规则以使其原始高度为.99em时,没有有效的更改:
20 * 0.99 = 19.8
Run Code Online (Sandbox Code Playgroud)
浏览器无法显示.8的像素,因此(假设它将向上舍入)它仍将显示为20px高.
虽然看起来浏览器并不总是按预期完成:
http://meyerweb.com/eric/thoughts/2010/02/10/rounding-off/
http://ejohn.org/blog/sub-pixel-problems-in-css/
*是的,我知道字体大小为20px并不意味着它以20px显示!