在CSS中使用ems代替％有什么好处？

Question

我理解使用 ems 支持静态测量的优势，例如像素和点，但为什么大多数CSS人都会出局那里（SO除外）更喜欢使用 ems 而不是％值？

Answer 1

对于字体大小：

• em和％都是相对于父元素的字体大小（即2em和200％总是给出相同的结果）
• ems有排版历史（虽然CSS em与排版em不同）
• CSS的浏览器实现与％的错误比使用em
的错误更少

其他一切（例如元素的宽度）：

• em与字体大小相关
• ％相对于父元素

......所以他们做了完全不同的事情，需要根据具体情况加以考虑。

Answer 2

Ems基于已知且一致的值（字体大小），而百分比基于容器的大小。当尺寸和尺寸的基础根据上下文（您所在的元素/容器）而变化时，设计和理解CSS要困难得多。

Answer 3

我认为有一个原因是许多网页设计师最初都是印刷设计师，因此习惯于将ems作为衡量单位。对我来说肯定是这样。

Answer 4

给出一个页面3列布局，25％/ 50％/ 25％，给它字体，允许6行文章（16％字体大小），每页5篇文章（20％高度）

现在想象一下，它的屏幕分辨率为320x200px

的嵌入式设备