如何css控制字体按百分比放大缩小

html-css024

如何css控制字体按百分比放大缩小,第1张

由于字体是“有级缩放”（就像风扇的档位调节开关，只能调1档、2档、3档这些，不能1.5档，或者2.1111档等），不是“无级缩放”（就像音响上的音量旋钮，可以调到任意的位置），因此要想真正实现按百分比来缩放是不太现实的。一个变通的方法是利用css3的新长度单位rem（根元素的字体大小），其默认值是16px，那么1.5rem就是16*1.5=24px，0.75rem就是16*0.75=12px。比如font-size:1.5rem

css字体设置是没有的，一般都是通过JS或是写适应代码来操作字体大小

可视区域的宽度在 600px 和 900px 之间的时候被应用。

@media screen and (min-width: 600px) and (max-width: 900px) {body{font-size:18px}

}

可视区域的宽度在 200px 和 400px 之间的时候被应用。

@media screen and (min-width: 200px) and (max-width: 400px) {

body{font-size:14px}

}