前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

如何让 Chrome 浏览器支持 12px 以下的字体

Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制。

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

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

 .classstyle{ -webkit-text-size-adjust:none; font-size:9px; }

据说该属性最初专门是为iPhone版safari设计的,用来自动调整普通网页在iPhone手机端字体的展现问题,不过,既然是webkit的私有属性,现在也经常用在webkit内核的桌面浏览器限制页面展示。实际上,这是webkit的一个bug。在最新版的Chrome已经修复。

PC桌面版Chrome 27正式取消了-webkit-text-size-adjust属性的支持,实际上是修正了原有的bug。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言