将font-size设置为大于100%的优点

时间:2013-03-19 16:35:13

标签: css responsive-design

在这个非常棒的guide to developing a responsive design中,作者讨论了设置一个固定的列宽,它在较小的屏幕尺寸下变得流畅:

  

内容为37.62136em宽(乘以16px浏览器默认值和103%字体大小,内容= 620px),直到较小的视口扩展到100%宽度。

困扰我的部分是使用font-size: 103%。结果是浏览器将文本呈现为17px,那么为什么不手动设置并根据em的17px计算内容div的宽度?也许使用大于100%的字体大小还有其他我不知道的副作用?

1 个答案:

答案 0 :(得分:2)

我不认为103%的选择中有任何秘诀。我的猜测是103%/ 17px是最适合字体的。

只要您以em为单位设置其他所有内容,就可以轻松缩放htmlbody上的字体大小,以便在整个网站中反映这些更改。那个基本字体大小(我通常留在100%/ 16px)是一个偏好的问题。