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

时间:2011-03-03 16:44:26

标签: css accessibility

因此,在当天,我更倾向于将EM用于像素的字体大小,因为EMs用IE6缩放而像素没有。但是,现在,每个现代浏览器都能够正确缩放像素大小的字体。 EMs的另一个优点是它级联,而像素没有。

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

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

4 个答案:

答案 0 :(得分:9)

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

使用zoom在IE8中尝试'缩放'文本,绝对没问题。使用官方文字大小修饰符缩放(页面 - >文字大小 - >最大),它不起作用。

  1. IE8 - 缩放,无比例
  2. Firefox 4,测试版12 - 缩放,无缩放
  3. Google Chrome 10测试版 - 缩放,无缩放
  4. 我使用的几个官方机构使用官方文本大小修饰符作为其用户/组设置管理的一部分。为用户设置帐户后,通常会使用此设置对其进行预配置。我不知道他们是否必须把它放在那里......但对我来说,EM仍然更可取,因为PX不能随处扩展。

    最后,来自W3C的几句话。

      

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

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

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

答案 1 :(得分:5)

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

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

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

答案 2 :(得分:4)

所有现代浏览器都具有全页缩放功能,因此像素更好,因为您可以将文本大小与页面图形(基于像素)进行匹配。

答案 3 :(得分:2)

我这样做:

  • 采取reset.css(eric meyers很好http://meyerweb.com/
  • 定义默认样式(如h1..h6,a等)
  • 然后在需要时使用EM

自从我开始进行Web开发以来,在跨浏览器支持(也在移动设备上)方面有良好的经验。

尝试一下:)

相关问题