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

Question

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

内容是 37.62136em 宽（乘以 16px 浏览器默认值和我在 content = 620px 上的 103% 字体大小）直到较小的视口扩展到 100% 宽度。

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

Answer 1

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

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