您的位置:首页 > 其它

-webkit-text-size-adjust: none;

2015-12-03 20:30 357 查看
-webkit-text-size-adjust: none;

在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能

是好的,因为中文一旦小于12px,就变得不易阅读。
但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字

部份的设计,不小实在不好看,影响整个排版的美观。
解决方案,添加一个私有属性到html选择器:
html{-webkit-text-size-adjust: none;}
顾名思义, 禁用Webkit内核浏览器的文字大小调整功能。

-webkit-text-size-adjust
1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用  html{-webkit-text-size-adjust:none;}
2、-webkit-text-size-adjust放在body上会导致页面缩放失效
3、body会继承定义在html的样式
4、用-webkit-text-size-adjust不要定义成可继承的或全局的

[引用](http://blog.sina.com.cn/s/blog_569c614c0101de3m.html)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: