2011-09-14 92 views
2

在书中的防弹网页设计中,作者提到指定像素中的字体大小并不是从可访问性的角度来看的正确方法。填充中的像素,边距

在本书的后面,他使用像素的边距和填充 - 我的问题是因为像素是相对于设备的分辨率 - 当从不同设备访问时会保持一致吗?

感谢解释。

- 更新:通过笔者阅读后注意事项:作者“用EMS页边距,填充,线高度尝试,等等,以提供设计的真实比例(不只是文本)不管字体大小。“

似乎没有人回答这个问题 - 只是如果考虑到较旧的浏览器支持/可访问性问题,那么首选相对测量。

+0

是的,他们将保持一致所有以像素定义的东西都将被设置为相应的操作,缺点和优点是,如果你有一个设计,有细节,必须停留在一定的区域像素和相对位置是要走的路...但如果你使用一个简单的结构,如stackoverflow和论坛,这样的百分比等方式更适合,因为他们将相应地适应你的屏幕分辨率,因为你提到更易于访问 – Breezer

回答

2

有很多的意见,但没有一个人最好对/错的方式来做到这一点。这一切都取决于上下文......内容,网站,观众,代码等。

关于以像素为单位定义字体本质上是无法访问的。曾经有一段时间,在IE6中很难通过用户偏好设置类型的大小,但那是IE6的失败,而不是px的度量单位。许多人现在喜欢使用px来指定类型(就像我一样),因为它可以让大型站点上的大量继承CSS和深度嵌套的DOM变得更容易。

如上所述,em是相对于类型大小的度量。因此,如果您使用ems来填充填充和边距,它们将根据页面的基本字体大小成比例地改变。这很好吗?同样,这取决于您的特定页面布局和需求。

+0

是的,我看到很多人根据要求强调重点。对于广泛使用IE6或移动设备的用户而言 - 使用相关测量值得关注...... – Anna

1

这只是IE6中的一个问题。所有较新的浏览器都可以正确放大,即使设置为像素,也可以放大文本。

只有在em中设置字体大小并不会增加任何其他浏览器的可访问性。 但是,在任何浏览器中都没有坏处,所以如果它适合你,请坚持下去。

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

参考:

A Pixel is Not a Pixel - 怪异模式

W3C Unit Definitions - 看到像素单元的解释自由头痛