14

我理解使用em来支持像素等静态测量的优势,但为什么大多数 CSS 人员(SO 除外)更喜欢使用em而不是 % 值?

4

4 回答 4

13

对于字体大小:

  • em 和 % 都相对于父元素的字体大小(即 2em 和 200% 总是给出相同的结果)
  • em 在排版方面有着悠久的历史(尽管 CSS em 与印刷 em 不同)
  • CSS 的浏览器实现使用 % 比使用 em 的错误更少

对于其他所有内容(例如元素的宽度):

  • em 是相对于字体大小的
  • % 相对于父元素

......所以他们做完全不同的事情,需要逐案考虑。

于 2010-02-01T13:27:47.140 回答
2

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

于 2010-02-01T13:27:08.160 回答
1

我想其中一个原因是很多网页设计师一开始是印刷设计师,因此习惯于将 ems 作为衡量单位。我当然也是这样。

于 2010-02-01T13:26:57.733 回答
-1

给一个页面 25%/50%/25% 的 3 列布局,给它的字体允许 6 行文章(16% 字体大小),每页 5 篇文章(20% 高度)

现在想象它在一个屏幕分辨率为 320x200px 的嵌入式设备上

于 2010-02-01T13:30:02.330 回答