本文介绍了在谷歌浏览器中遇到的中文最小字体显示问题及解决方案。通过使用transform缩放属性来实现小于12px的字体显示，并提供了解决方案以兼容IE7、IE8等浏览器。
今天实现效果的时候看到有个英文部分是8px，用font-size:8px;结果明显大了很多，清缓存、重启项目，反复试了几次都不行，然后在浏览器上直接改，8px也不行，10px也不行，11px也不行~直到13px才有了明显变化，最后去百度，结果才知道谷歌对于中文的支持最小就是12px。于是又开始找解决办法，方法如下：
-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.68);
/*谷歌*/
.brand-txt-en{
font-size: 12px;-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.68);
}
/*IE7,IE8*/
.small-font{
font-size: 8.16px;
}
同时给两个class，谷歌用brand-txt-en，IE7,IE8用small-font
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
