在Chrome浏览器下中文竟然不能设置小于12px,今天在帮助朋友修改东西的时候发现这个奇葩的设置。在Chrome27版本之后-webkit-text-size-adjust属性就变为不可识别。

-webkit-text-size-adjust 的本职是用于mobile的,见规范 CSS Mobile Text Size Adjustment Module Level 1 和 apple 的 Safari Web Content Guide
之所以现在的桌面版webkit浏览器支持他,是因为实际上这是一下bug。Bug 56543 – CSS property "-webkit-text-size-adjust" means different things in Safari and iOS
这个bug在最新版的 WebKit Nightly Builds 里已经被修复了。

这属性现在的一般用处是防止iPhone在坚屏转向横屏时放大文字(注意,就算viewport设置了maximum-scale=1.0 文字还是会放大的)。

而且iPhone和iPad的默认设定是不一样的
iPhone默认设定 -webkit-text-size-adjust: auto;
iPad默认设定 -webkit-text-size-adjust: none;
所以iPad默认是不调节的。

此属性还支持百分比,这在当前的桌面版的webkit浏览器是不支持的,所以如果不想让iPhone横坚屏切换的时候调节文字,用 -webkit-text-size-adjust: 100%

-webkit-text-size-adjust的属性会影响浏览器的调节能力,在网页放大的时候字号不能改变,这对于视觉障碍的用户是很不友好的。

目前似乎只有通过CSS3的transform对文字进行缩放:

-webkit-transform:scale(0.75);