css – 字体大小:EMs vs Pixels …在2011年,应该使用哪一个?

所以,当天早些时候,使用EMs到像素的字体大小是非常优先的,因为EMs与IE6缩放,而像素没有.然而,这些天,每个现代浏览器都能够正确地缩放像素大小的字体. EM的另一个优点是它是级联的,而像素没有.

也就是说,如果一个人在为现代浏览器进行网页开发,绝对不希望使用级联的字体大小,那么像素会是首选的吗?

我试图想一想,如果使用像素的字体大小而不是EMs有其他的缺点.谢谢!

解决方法

虽然每个现代浏览器都可以使用px缩放文字大小,但是它们都不能使用px来缩放文字大小,但这依赖于浏览器.

尝试使用缩放IE8中的“缩放”文本,绝对罚款.使用官方文本大小修饰符(页面 – >文本大小 – >最大)缩放,并且它不起作用.

> IE8 – 缩放,无比例
> Firefox 4,beta 12 – 缩放,无尺度
> Google Chrome 10 beta – 缩放,无规模

我使用的几个官方机构使用官方文本大小修改器作为其用户/组设置管理的一部分.当为用户设置帐户时,通常使用此设置预先配置帐户.我不知道他们是否必须在那里设置…但是对于我来说,EM仍然是可取的,因为PX并没有在任何地方扩展.

最后,来自W3C的几句话.

Units: avoid absolute length units for
screen display

  • Do not specify the font-size in pt,or other absolute length units for screen stylesheets. They render inconsistently across platforms and can’t be resized by the User Agent (e.g browser). Keep the usage of such units for styling on media with fixed and kNown physical properties (e.g print).
  • Use relative length units such as percent or (better) em

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效