1

根据这篇关于响应式网页设计的文章,您应该将 body font-size 设置为 100%。我以前也听说过这种做法。

http://webdesign.tutsplus.com/articles/typography-articles/taking-the-erm-out-of-ems/

你为什么要这样做?它实际上改变了什么?

4

1 回答 1

2

将 font-size 设置为 100% 会使用用户的默认字体配置(例如,有视力障碍的人倾向于增加它),通过设置您真正创建一个适应用户设备的网站的百分比。

另一方面,Em(引用您引用的文章):

em 是计量单位。就像像素一样,ems 可以确定网页上元素的大小。与绝对的像素不同,em 是相对于其父级的字体大小的,这就是很多混乱所在。

   desired pixel / inherited pixel  = em

所以人们使用它来将继承的像素设置为用户默认配置。控制字体大小有点不可预测,一个完美的例子是文章中引用的段落中的多个锚标记:

段落中的锚点的大小仍然为 1.2em,但现在相对于父段落,它已经是 19.2px – (1.2 * 19.2px = 23.04px)。这为我们页面的某些部分提供了超大的锚点;几乎不可取。

简而言之,使用百分比使字体大小全局化,使用 ems 使其相对于继承的大小。

于 2013-09-11T10:59:11.620 回答