body { font-size: 12px; font-size: min(12px, 2.5vw); }
在CSS3中,很多新的属性和方法都引入了min()函数,它可以让大家设置一些参数中的最小值。在这里,大家使用min()函数来设置字体尺寸的最小值。这个函数接受两个参数,第一个参数是期望大小,第二个参数是最小值。
在上面的代码中,大家设置了一个基础字体大小为12像素,然后使用min()函数将其与2.5vw(视口宽度的2.5%)进行比较。如果视口宽度过小,则新字体大小将使用12像素,否则将使用最后一个参数(即2.5vw)。这样就可以实现一个字体大小随屏幕宽度变化而变化的效果。
当然,这只是一种CSS中设置字体最小值的方法。实际上,大家还可以使用其他方法来实现这种效果。例如,可以使用media query设置一个最小字体大小,或直接使用JavaScript来实现。但无论哪种方法,都需要根据实际情况选择。