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

Question

在这个开发响应式设计的非常棒的指南中,作者讨论了设置一个固定的列宽,它在较小的屏幕尺寸下变得流畅:

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

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

Answer 1

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

只要您以em单位设置其他所有内容，您就可以轻松缩放字体大小html或body让这些更改反映在整个网站上。基本字体大小（我通常保留为 100%/16px）是一个偏好问题。