Chrome浏览器下CSS字体大小设置小于12px无效问题

时间:2021-02-03 06:25:48

当字体大小被设置小于12px时,IE、firefox可以起作用。但chrome中仍然显示为12px大小。

解决方法为:

html, body {
    -webkit-text-size-adjust: none;
}(并不好)
加入该段css后,可以在chrome中设置小于12px的字体。但同时引入的问题是,在缩放页面时,不能自动缩放字体的大小。
所以尽量不要吧这句css写到html和body上,而是写到需要将字体设置到12px一下的元素上。
(以上方法在网上查到,但实际却并没有-webkit-text-size-adjust属性,当然也没有起作用)