解决中文版Chrome下不能显示小于12px的字体

在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读。

但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字部份的设计,不小实在不好看,影响整个排版的美观。

解决方案,添加一个私有属性到html选择器:

html{-webkit-text-size-adjust: none;}

顾名思义, 禁用Webkit内核浏览器的文字大小调整功能。

“解决中文版Chrome下不能显示小于12px的字体”的13个回复

  1. Chrome速度是很快,不过用起来最纠结的是没用在新标签打开书签栏跟地址栏打开新标签的功能,等了N年还是不见,只能继续用firefox

    感觉用起来没多大区别,就是FF速度有点卡,不过忍忍还行,总比Chrome的习惯要好

  2. 谢谢分享!不过我研究发现,这个不只是说适用中国版本的chrome,英文版同样适用,因为正如作者所讲,这个样式的作用就是:禁用Webkit内核浏览器的文字大小调整功能。
    而且这个还有个副作用就是:因为禁用了Webkit内核浏览器文字大小调整功能,所以用户就不能使用Webkit内核浏览器的放大缩小功能了。
    所以还是建议慎用!

  3. 前断时间在做一后台管理系统时,设置了10px的中文字体,其它浏览器Ok,但就在chrome下不会正确显示…今天才看到这个,刚更新上….哈哈. 😆

发表评论

电子邮件地址不会被公开。 必填项已用*标注