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; }

  

原文地址:https://www.cnblogs.com/hgj123/p/3926376.html