超级会员免费看
本文探讨了Chrome浏览器默认最小字号限制，尤其是中文版的12px限制。介绍了三种解决方法：使用zoom、-webkit-transform:scale()和-webkit-text-size-adjust:none。总结了它们的优缺点，如zoom的兼容性问题，-webkit-transform:scale()对布局的影响，以及-webkit-text-size-adjust的版本限制和中文不支持问题。
一、背景
Chrome 中文版浏览器会默认设定页面的最小字号是12px，英文版没有限制
原由 Chrome 团队认为汉字小于12px就会增加识别难度
中文版浏览器
与网页语言无关，取决于用户在Chrome的设置里（chrome://settings/languages）把哪种语言设置为默认显示语言
系统级最小字号
浏览器默认设定页面的最小字号，用户可以前往 chrome://settings/fonts 根据需求更改
而我们在实际项目中，不能奢求用户更改浏览器设置
对于文本需要以更小的字号来显示，就需要用到一些小技巧
二、解决方案
常见的解决方案有：
zoom
-webkit-transform:scale()
-webkit-text-size-adjust:none
-webkit-transform:scale()
-webkit-text-size-adjuect:none
Zoom
zoom 的字面意思是“变焦”，可以改变页面上元素的尺寸，属于真实尺寸
其支持的值类型有：
zoom:50%，表示缩小到原来的一半
zoom:0.5，表示缩小到原来的一半
使用 zoom 来”支持“ 12px 以下的字体
代码如下：
<style type
订阅专栏 解锁全文
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
