视窗大小的排版,并设置最小和最大尺寸

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为你旅程的每个阶段提供云产品。现在就开始使用 200 美元的免费积分!

没有 min-font-sizemax-font-size,所以虽然 在视窗单位中设置字体大小 很酷,但你的 font-size 很可能会在小屏幕上变得太小,或者在大屏幕上变得太大。

Eduardo Boucas 有一个巧妙的解决方法。使用媒体查询,当视窗达到字体大小会超过最小值或最大值的断点时,强制 font-size 回到设定的像素值。他有一个 Sass 混合器来帮助计算,但最终编译后的 CSS 非常简单。

另外,请记住 这个相关的小技巧

直接链接 →