css3字体缩放样式-webkit-text-size-adjust的⽤法详解
chrome浏览器怎么设置中文写页⾯的应该都知道Chrome浏览器默认情况下的字体最⼩为12px，如果你要设置某字体⼤⼩为10px的话，你会在Chrome发现还是12px。如果要使此⽣效的话，就得修改Chrome的默认配置了，⼀般应⽤下⾯的代码就能在全局⽣效了：
html { -webkit-text-size-adjust: none; }
写页⾯的应该都知道Chrome浏览器默认情况下的字体最⼩为12px，如果你要设置某字体⼤⼩为10px的话，你会在Chrome发现还是12px。如果要使此⽣效的话，就得修改Chrome的默认配置了，⼀般应⽤下⾯的代码就能在全局⽣效了：
html { -webkit-text-size-adjust: none; }
但是这样设置之后会有⼀个问题，就是当你放⼤⽹页时，⼀般情况下字体也会随着变⼤，⽽设置了以上代码后，字体只会显⽰你当前设置的字体⼤⼩，不会随着⽹页放⼤⽽变⼤了，这样对有需要放⼤⽹页观看的⽤户造成了不好的⽤户体验，所以不建议全局应⽤该属性，⽽是在需要的情况单独使⽤就好了。
在中⽂版Chrome⾥⾯，⽹页CSS⾥所有⼩于12px的字体设置都⽆效，最终将显⽰12px。这样弄的本意可能是好的，因为中⽂⼀旦⼩于12px，就变得不易阅读。
但中⽂版Chrome也会阅读英⽂⽹站啊，中⽂⽹页⾥⾯也会有英⽂的⼩字体设置需求啊，尤其是⼀些⽂字部份的设计，不⼩实在不好看，影响整个排版的美观。
解决⽅案，添加⼀个私有属性到html选择器:
html{-webkit-text-size-adjust: none;}
顾名思义, 禁⽤Webkit内核浏览器的⽂字⼤⼩调整功能。
如果要打开缩放功能，则定义下⾯的全局样式：
*{-webkit-text-size-adjust:auto !important;}
故-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不要定义成可继承的或全局的
原⽂链接：blog.csdn/juzipchy/article/details/71367642

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。