字体大小：EMs vs 像素...在2011年，应该使用哪一个？

Question

9

因此，早期使用EMs来设置字体大小比使用像素更受欢迎，因为EMs能够与IE6一起扩展，而像素无法。然而，现代浏览器都能够正确缩放像素大小的字体。EMs的另一个优点是它们具有级联效果，而像素没有。

也就是说，如果我们为现代浏览器进行Web开发，并绝对不希望字体大小产生级联效果，那么像素会受到优先考虑吗？

我正在考虑是否还有其他使用像素来设置字体大小而不是EMs的缺点。谢谢！

- Polaris878

4个回答

5

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

如果在一个地方设置绝对字体大小（最好是正文元素的字体大小），并在任何其他大小属性中使用ems，则可以通过只更改主体元素的字体大小来更改整个网站的文本大小。

我认为大多数用户不知道如何使用其浏览器缩放功能仅缩放文本，但仍希望网页设计师设置文本、其他页面组件和一般布局之间的默认比例。

- Itzik Yatom

4

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

- Core Xii

2

我是这样做的：

自从我开始进行Web开发以来，对跨浏览器支持（包括移动设备）有良好的经验。

试试吧 :)

- ChrisBenyamin

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jeff Parker · Accepted Answer

虽然现代浏览器都可以使用px调整文本大小，但并不是所有浏览器都能缩放px大小的文本，这仍然取决于浏览器。

尝试在IE8中使用缩放来“缩放”文本，完全没有问题。使用官方文本大小修改器（页面->文本大小->最大）进行缩放，则无法正常工作。

我与多个官方机构合作，他们使用官方文本大小修改器作为其用户/组设置管理的一部分。当为用户设置帐户时，通常会使用此设置进行预配置。我不知道他们是否必须在那里设置它...但对我而言，EM仍然更可取，因为PX并非在所有地方都可以缩放。

最后，来自W3C的几句话。

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

不要为屏幕样式表指定pt或其他绝对长度单位的字体大小。它们在不同平台上呈现不一致，并且无法被用户代理（例如浏览器）调整大小。保留此类单位用于具有固定和已知物理属性（例如打印）的媒体的样式。

使用相对长度单位，例如百分比或（更好的）em