解决chrome 12像素字体大小限制

最新推荐文章于 2021-07-17 15:00:11 发布

原创最新推荐文章于 2021-07-17 15:00:11 发布 · 432 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了解决Chrome浏览器中文版12像素字体大小限制的方法，该限制可能导致英文网站的页面美观受损或布局变形。通过使用-webkit-text-size-adjust私有CSS属性，可以成功地调整字体大小，使页面在不同设备和浏览器上保持一致的视觉效果。

[size=medium][align=center]解决chrome 12像素字体大小限制[/align][/size]

中文版的chrome有个12px字体限制的问题，就是当字体小于12px时候都以12px来显示，这个问题在中文网站中并不突出，因为中文字体为了显示清晰一般都定义为大于或等于12px，但如果是一些英文网站那就不好说了，这时12px的限制就会破坏页面的美感，甚至因为文字变大而导致页面变形。

可以使用Webkit 的内核的 [color=red]-webkit-text-size-adjust[/color] 的私有 CSS 属性来解决，比如下面的代码就可以成功的解决，通过它即可实现字体大小不随终端设备或浏览器影响。样式定义如下：

[size=medium].chrome10px{ -webkit-text-size-adjust:none; font-size:10px; }[/size]

只要加了[color=red] -webkit-text-size-adjust:none;[/color] 字体大小就不受限制了。