为什么将body font-size设置为100%

时间:2013-09-11 10:47:27

标签: responsive-design

根据有关响应式网页设计的文章,您应该将正文字体大小设置为100%。我以前也听说过这种做法。

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

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

1 个答案:

答案 0 :(得分:1)

将font-size设置为100%会使用用户的默认字体配置(例如,有视力问题的人会增加它),方法是设置您真正建立适合用户设备的网站的百分比。

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

  

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

   desired pixel / inherited pixel  = em

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

  

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

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