在这个非常棒的guide to developing a responsive design中,作者讨论了设置一个固定的列宽,它在较小的屏幕尺寸下变得流畅:
内容为37.62136em宽(乘以16px浏览器默认值和103%字体大小,内容= 620px),直到较小的视口扩展到100%宽度。
困扰我的部分是使用font-size: 103%
。结果是浏览器将文本呈现为17px,那么为什么不手动设置并根据em
的17px计算内容div的宽度?也许使用大于100%的字体大小还有其他我不知道的副作用?
答案 0 :(得分:2)
我不认为103%的选择中有任何秘诀。我的猜测是103%/ 17px是最适合字体的。
只要您以em
为单位设置其他所有内容,就可以轻松缩放html
或body
上的字体大小,以便在整个网站中反映这些更改。那个基本字体大小(我通常留在100%/ 16px)是一个偏好的问题。