iPhone 和 Android 的浏览器纵向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自动调整字体大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。
ext-size-adjust 设为 none 或者 100% 关闭字体大小自动调整功能。
text-size-adjust
语法:
text-size-adjust:auto | none | <percentage>
默认值:auto
适用于:所有元素
继承性:有
动画性:当取值为<percentage>时
计算值:指定值
取值:
auto:文本大小根据设备尺寸进行调整。
none:文本大小不会根据设备尺寸进行调整。
<percentage>:用百分比来指定文本大小在设备尺寸不同的情况下如何调整。
说明:
检索或设置移动端页面中对象文本的大小调整。
该属性只在移动设备上生效;
如果你的页面没有定义meta viewport,此属性定义将无效;
对应的脚本特性为textSizeAdjust。
兼容性:
浅绿 = 支持
红色 = 不支持
粉色 = 部分支持
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0-11.0 | 2.0-40.0 | 4.0-45.0 | 6.0-8.0 | 15.0-29.0 | 6.0-8.3 -webkit- | 2.1-4.4.4 | 18.0-42.0 |