是否有任何实际的理由在CSS中使用相对单位

时间:2013-09-18 15:02:59

标签: css responsive-design pixel em

我已经阅读了很多关于responsive web design以及设计师应该如何使用相对单位而非固定的单位。在某些情况下,这对我来说非常有意义,例如:段落的最大宽度。但几乎所有文章都指出,这样做的主要优点是设计adapts to zoom。据我所知,所有浏览器在缩放时也会缩放像素值(除非在Firefox中选中“仅缩放文本”)。那是因为CSS pixels are not device pixels

实际上在我看来,CSS像素是一个“几乎相对”的单位,因为具有高像素密度的设备也在缩放它们(according to the spec)。通常他们通过因子2来做到这一点。

我个人认为我不应该为所有事情使用相对单位。像素似乎做同样的工作,通常会产生“更加清晰”的外观(因为它们不会导致子像素渲染)。

你怎么看?我错过了什么吗?

1 个答案:

答案 0 :(得分:1)

字体大小的百分比用于修复IE错误,有时会出现在低像素字体大小上。 如果你设置,例如body font-size:70%并且在CSS中使用其他字体大小的em,用户应该能够在浏览器中更改字体大小,并且您的HTML和CSS将与原始CSS成比例。 如果您将正文字体大小设置为例如16px,即使用户在浏览器中更改字体大小,也不应该反映在CSS上。

我很久以前测试了这些,但有些东西可能会在此期间发生变化,因为我不再制作这样的CSS,客户通常负责提供带有CSS和HTML的剪切图像。

阅读的好主题是:http://www.sitepoint.com/forums/showthread.php?565469-Relative-font-sizes

如果你遇到一些特定的相对字体大小问题,请在这里自由拍摄,如果需要,我会尽量澄清行为。