%或em?

在CSS中设置字体的大小时,我应该使用百分比值( % )还是em ? 你能解释一下这个优点吗?


A List Apart上有一篇非常不错的网页排版文章。

他们的结论:

显示ems中文本和行高的大小,以及在正文中指定的百分比(以及针对Safari 2的可选警告),可以显示在当前常用的所有浏览器中提供准确,可调整大小的文本。 这是一种技巧,您可以将它放入工具包中,并将其用作用于CSS大小的最佳实践,以满足设计师和读者的需求。


从http://archivist.incutio.com/viewlist/css-discuss/1408

%:某些浏览器不处理字体大小百分比,但将150%解释为150像素。 (例如,某些NN4版本。)IE在嵌套元素上也存在百分比问题。 看来IE使用相对于视口的百分比而不是相对于父元素。 另一个问题(尽管根据W3C规范正确),在Moz / Ns6中,不能使用相对于没有指定高度/宽度的元素的百分比。

em:有时浏览器使用错误的参考大小,但相对单位是最小问题的参考大小。 有时候你可能会发现它被解释为px。

pt:分辨率差异很大,不应该用于显示。 尽管如此,打印用途仍然非常安全。

px:屏幕上唯一可靠的绝对单位。 尽管它可能被错误地解释,因为一个点通常由几个像素组成,因此一切都变得非常小。


两者都调整相对于它的字体大小。 1.5em与150%相同。 唯一的优势似乎是可读性,请选择您最喜欢的方式。

链接地址: http://www.djcxy.com/p/87477.html

上一篇: % or em?

下一篇: How to detect DIV's dimension changed?