内边距、外边距中的像素

Question

在这本书的防弹网页设计中，作者提到从可访问性的角度来看，以像素为单位指定字体大小不是正确的方法。

在本书的后面，他使用了像素的边距和填充——我的问题是，因为像素与设备的分辨率相关——当从不同的设备访问时，这会保持一致吗？

谢谢解释。

-- 更新： 阅读作者后面的注释：作者“尝试使用 ems 进行边距、填充、行高等，以提供您的设计（而不仅仅是文本）的真实缩放，无论字体大小。”

似乎没有一个答案 - 只是如果考虑到旧版浏览器支持/可访问性问题，则首选相对测量。

Answer 1

有很多意见，但没有一种最好的正确/错误方法。这一切都取决于上下文...内容、站点、受众、代码等。

以像素为单位定义字体本身并没有什么不可理解的。曾经有一段时间很难通过 IE6 中的用户首选项来调整字体大小，但那是 IE6 的失败，而不是 px 度量单位。许多人现在更喜欢在 px 中指定类型（就像我一样），因为它可以使具有大量继承 CSS 和深度嵌套 DOM 的大型网站上的事情变得更容易。

如上所述，em 是相对于字体大小的度量。因此，如果您使用 em 设置填充和边距，它们将与页面的基本字体大小成比例变化。这样好吗？同样，这取决于您的特定页面布局和需求。

Answer 2

这只是 IE6 的问题。所有较新的浏览器都可以正确缩放和放大文本，即使以像素为单位。

仅在 em 中设置字体大小不会增加任何其他浏览器的可访问性。 但是，它在任何浏览器中都没有坏处，所以如果它适合您，请坚持使用。

css 中的像素并不是真正的像素，它们是视角的百分比。 因此，高分辨率设备会很好地显示您的内容，如果您设置像素大小，它不会显得很小。

参考：

A Pixel is Not a Pixel - 怪癖模式

W3C Unit Definitions - 看像素单位的解释就不用头疼了