设置小于浏览器默认字体大小的显示方法

谷歌浏览器、edge浏览器一般都是最小显示12px的文字,要设置小于12px的文字:

方法一:设置默认字体:例如:

font-size:12px;

//若是要设置11px的文字,则按比例缩小,即11/12=0.91666……

transform: scale(0.9167);

方法二:

font- size:91.67%;
//直接设置,若是不出效果,则可以加上html{font-size: 12px} 
//或者在父级设置相应的字体大小,然后在子级按照想设置的字体大小比例设置百分数即可

本人更倾向于第一种,方便高效,不用寻找和涉及更多的逻辑问题。

你可能感兴趣的:(javascript,前端,html,性能优化,字体大小设置)