chrome显示小于12号字体的方法

<div><ul><li><a href=”#”>Home</a></li><li><a href=”#”>About</a></li></ul></div>

Li{height:25px;}

a{height:25px; line-height:25px; text-decoration:none; display:block;transform:scale(0.875);

Border-bottom:3px solid #3c003c; font-size:10px; }

这样的一个nav 菜单，transform:scale(0.875);写在<a>标签里，字体达到了10px,但是nav的样式也跟着有了变化。

原因是transform:scale(0.875);不但缩小了font-size,同时也缩小了a的width和height，导致了页面变乱，最好的解决办法就是加<span>标签，<li><a href=”#”><span>Home</span></a></li>,然后把transform:scale(0.875);写在<span>标签上

span{transform:scale(0.875);

display:block;

}