font-size的一个误区

  项目中有一处需要显示一个小圆点,用的是font-awesome的图标库,随手设置了一个font-size:1px,chrome下显示没有问题,ie下却怎么都显示不出,开始以为是空span在ie下的bug,按stackoverflow的答案修改了样式依然不起作用,最后无意间改了一下font-size发现正常显示出来了。

  查了一下发现,原来在chrome下字体默认最小是12px,如果没有特殊处理的话小于12px的值是不起作用的,所以即使设置为1px在chrome下显示的还是12px大小,但是在ie下就会变得太小甚至看不到了。

原文地址:https://www.cnblogs.com/iamppz/p/4153782.html