具有最小和最大尺寸的视口大小的版式

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

Eduardo Boucas有一个聪明的解决方法。 当视口已到达将超过这些最小值/最大值的断点时,请使用媒体查询将font-size强制恢复为设置的像素值。 他有一个Sass mixin来帮助数学,但是编译后CSS最终非常简单。

另外,请记住这个小小的相关宝石 。

直接连结→

翻译自: https://css-tricks.com/viewport-sized-typography-with-minimum-and-maximum-sizes/

你可能感兴趣的:(具有最小和最大尺寸的视口大小的版式)