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

我现在做一个支持英文的网站，但是字体要设置小于12号字体，我百度方法是-webkit-text-size-adjust:none;  但是谷歌为什么不支持啊，  有没有解决办法 让谷歌浏览器 支持小于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;
 
}