火狐和chrome浏览器上字体大小设置一样,实际显示效果却不一样?

先上图:

clipboard.png

这是在chrome浏览器上字体22px的高度,可以看到,字体盒子的高度也为22px
对比火狐浏览器:

clipboard.png
同样的22px大小的字体,显示出来的盒子高度却为30px,我去,这在某些微型区域的布局生绝对是致命的,
我想问一下大神们怎么解决这个问题,即让它们二者的字体盒子高度相同

阅读 9.1k
2 个回答

字体的宽厚是不一样的,需要使用同一字体,并且设置正确行高

楼上正解,设置成一样的字体,切记被引入的js库或者包的字体给覆盖了,建议提高优先级,以及加important!

推荐问题