字体大小:EMs与Pixels ...在2011年应该使用哪一个?

Pol*_*878 9 css accessibility

因此,在当天,对于字体大小,使用EMs像素是非常优选的,因为EMs用IE6缩放而像素没有.但是,现在,每个现代浏览器都能够正确缩放像素大小的字体.EMs的另一个优点是它级联,而像素没有.

也就是说,如果一个人正在为现代浏览器进行Web开发并且绝对想要级联字体大小,那么像素是首选吗?

我正在考虑使用像素作为字体大小而不是EMs存在任何其他缺点.谢谢!

Jef*_*ker 9

虽然每个现代浏览器都能够使用px缩放文本大小,但它们无法使用px缩放文本大小,它仍然取决于浏览器.

尝试使用缩放在IE8中"缩放"文本,绝对没问题.使用官方文本大小修饰符(页面 - >文本大小 - >最大)进行缩放,但它不起作用.

  1. IE8 - 缩放,无缩放
  2. Firefox 4,beta 12 - 缩放,无缩放
  3. 谷歌Chrome 10 beta - 缩放,无规模

我使用的几个官方机构使用官方文本大小修饰符作为其用户/组设置管理的一部分.为用户设置帐户后,通常会使用此设置对其进行预配置.我不知道他们是否必须把它放在那里......但对我来说,EMs仍然是优选的,因为PX不会随处扩展.

最后,来自W3C的几句话.

单位:避免屏幕显示的绝对长度单位

  • 不要以pt为单位指定font-size,也不要为屏幕样式表指定其他绝对长度单位.它们在不同平台上呈现不一致,并且无法由用户代理(例如浏览器)调整大小.在具有固定和已知物理属性(例如打印)的介质上保留此类单元的样式用于样式.
  • 使用相对长度单位,例如百分比或(更好)em

参考:http://www.w3.org/QA/Tips/font-size


Itz*_*tom 5

使用字体大小(像素)的一个重要缺点是,在完成开发后,很难按比例更改所有网站文本字体大小.

如果在一个地方设置绝对字体大小 - 最好是正文元素字体大小 - 并在任何其他大小属性中使用Ems,则只需更改正文元素字体大小即可更改整个网站文本大小.

我假设大多数用户不知道如何使用他们的浏览器缩放功能扩展文本,仍然网页设计师想要在文本,其他页面组件和总体布局之间设置默认比例.