Css 字体大小：EMs与像素。。。2011年，应该使用哪一种？

因此，在当时，人们更倾向于使用EMs到像素的字体大小，因为EMs使用IE6进行缩放，而像素没有。然而，如今，每个现代浏览器都能正确缩放像素大小的字体。EMs的另一个优点是它可以级联，而像素不能级联

这就是说，如果一个人正在为现代浏览器进行web开发，并且绝对不想要层叠的字体大小，那么像素会是首选吗

---

我试着想想，如果用像素代替EMs来表示字体大小，是否还有其他缺点。谢谢

所有现代浏览器都有全页缩放功能，因此像素更好，因为这样你可以将文本大小与页面图形（基于像素）匹配。

虽然每个现代浏览器都可以使用px缩放文本大小，但它们不能使用px缩放文本大小，这仍然取决于浏览器

尝试在IE8中使用缩放“缩放”文本，绝对不错。使用官方文本大小修改器（页面->文本大小->最大）进行缩放，但它不起作用

IE8-缩放，无缩放

Firefox 4，beta 12-缩放，无缩放

谷歌Chrome10测试版-缩放，无缩放

我使用的几个官方机构使用官方文本大小修改器作为其用户/组设置管理的一部分。为用户设置帐户时，通常会使用此设置预先配置帐户。我不知道他们是否必须把它放在那里。。。但对我来说，EMs还是更可取的，因为PX不能在任何地方扩展

最后，来自W3C的几句话

单位：避免使用绝对长度单位 屏幕显示

• 不要为屏幕样式表指定字体大小（单位为pt）或其他绝对长度单位。它们跨平台呈现不一致，用户代理（如浏览器）无法调整其大小。在具有固定和已知物理特性（如打印）的媒体上，保持使用此类装置进行样式设计
• 使用相对长度单位，如百分比或（更好）em

---

参考：

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

如果在一个位置设置绝对字体大小（最好是body元素字体大小），并在任何其他size属性中使用Ems，则只需更改body元素字体大小即可更改整个站点的文本大小

---

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

我这样做：

• 接受reset.css（eric meyers很好）
• 定义默认样式（如h1..h6、a等）
• 之后，如果需要，使用EM

自从我开始web开发以来，在跨浏览器支持（也在移动设备上）方面有很好的经验

试试看：）

可能重复的