©
本文档使用
php.cn手册 发布
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 |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>text-size-adjust_CSS参考手册_web前端开发参考手册系列</title> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .demo2 { -webkit-text-size-adjust: auto; } </style> </head> <body> <div class="demo1"> <p>请在移动设备上查看本例,设备尺寸的变化将会使得文本大小变化</p> </div> </body> </html>
点击 "运行实例" 按钮查看在线实例