Em和Px以及跨浏览器兼容性问题

Question

13

我是一个 CSS 新手，想知道在处理 CSS 的跨浏览器兼容性时，使用 em 是否比使用 px 更有益。

- David Sevenoaks

我认为这不是正确的看法。 - BoltClock

10

@Boltlock 你对此发表评论的原因是什么？ - David Sevenoaks

4个回答

6

是的。一些浏览器（比如IE8）在像素情况下无法正确缩放文本。它们可以正常缩放，但更改文本大小却没有效果。

Ems能够保证在用户请求时进行缩放。此外，ems可用于导航按钮或框，以适应必须与文本良好缩放的文本-它不仅仅是字体大小。尝试在许多浏览器中使用不同的变量进行缩放和放大文本，并查看您获得的结果。

- Iterate

4

我相信我在最初开始Web工作时学到的一些指导方针已经被抛弃了，其中一个是不建议使用px来设定字体大小。原因很简单——所有现代浏览器现在都可以非常清晰地缩放整个页面，因此浏览器中的文本大小调整功能已经无效。

只有IE6存在文本放大问题（你可以缩放IE8）。 IE6现在全球市场份额不到10％。视力较差的人在美国人口中占约2％。这意味着尝试处理IE6只会让美国用户受益0.2％。如果有一款市场份额为0.2％的浏览器，我们都将忽略它。

忽略“可缩放”字体大小，而选择px的好处非常大，因为它更简单，易于实现和理解。首先，它不太可能受到级联样式表的影响。在需要精确控制高度的情况下特别有用，例如在菜单栏中。

我最近才开始从正在构建的网站中删除em和％，改用px，因此可能有一些我还没有遇到的问题。到目前为止，我发现结果令人鼓舞。

因此，我不仅建议初学者使用px，而且建议一般情况下都使用px。

- Will Fastie

1

在一些旧版浏览器（包括IE 6）中，EM可以调整大小，而PX则不行。但老实说，那些需要能够调整字体大小的无障碍用户正在使用更现代的浏览器。

对于CSS新手来说，建议使用PX。EM可能会很麻烦，因为它们是流动的，可能会产生一些奇怪的效果，而且不确定原因。

阅读此文以获取有关PX-EM-%的更多信息-http://css-tricks.com/2580-css-font-size/

希望这可以帮助到您。

- L84

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

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

- Les · Accepted Answer

严格意义上讲，使用em而非px并不是跨浏览器兼容性问题 - 所有浏览器都支持它们来进行字体大小设置。

以前建议避免使用px进行字体大小设置，因为市场占有率最高的浏览器IE6无法进行文本缩放。它认为px是一个绝对值，而不是像em一样的相对值，所以无法按比例缩放以px为单位设置大小的文字。

根据你的受众群体，你可能不需要担心这个问题。在这里有一些关于em的好处以及如何将其用于构建流体布局的优秀信息: http://www.alistapart.com/articles/fluidgrids/。