首页 / CHOME / 中文版Chrome浏览器不支持12px以下字体的解决方案

中文版Chrome浏览器不支持12px以下字体的解决方案

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了中文版Chrome浏览器不支持12px以下字体的解决方案，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含807字，纯文字阅读大概需要2分钟。

内容图文

中文版Chrome浏览器不支持12px以下字体的解决方案

Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px，英文版则没有限制，主要是因为chrome认为汉字小于12px就会增加识别难度，尤其是中文常用的宋体和微软雅黑。而我们在实际项目中，对于数字/英文内容，其他字体的文本可能会有特殊的需求要求它们以更小的字号来显示，这个时候就需要取消浏览器的自动调整功能了。

一般解决方案是禁止webkit浏览器配置调整网页的字体大小。如下CSS定义方式：

  1. .classstyle{ -webkit-text-size-adjust:none; font-size:9px; }  
  2. 需要注意的是，不合理的使用-webkit-text-size-adjust:none会造成许多不好的影响。比如将其定义为全局属性的话，在Chrome中当用户放大缩小页面（PC上按住Ctrl滚动鼠标滚轮可缩放网页）的时候，文字却维持定义的大小而不放缩，给用户带来的不太友好的体验。所以我们在使用时，最好定义为局部有效，而不要图省事一句html{-webkit-text-size-adjust:none;}了事。
可以通过javascript来判断是否为Chrome。判断方法：var isChrome = !!window.chrome;当检测为Chrome的时候，将.chrome_adjust这个类添加到对应的标签。
                    .chrome_adjust {  
    font-size: 9px;  
    -webkit-transform: scale(0.75);  
    -o-transform: scale(1);    //针对能识别-webkit的opera browser设置  
}

 

 
 

原文：http://www.cnblogs.com/kingplus/p/5581409.html

内容总结

以上是互联网集市为您收集整理的中文版Chrome浏览器不支持12px以下字体的解决方案全部内容，希望文章能够帮你解决中文版Chrome浏览器不支持12px以下字体的解决方案所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1276795.html

来源：【匿名】