text-size-adjust
用来设定文字大小是否根据用户代理(浏览器/设备)自动调整。该属性目前W3C的状态为编辑草案,使用时需要添加浏览器前缀: -moz-text-size-adjust
、 -webkit-text-size-adjust
、 -ms-text-size-adjust
。
语法
-prefix-text-size-adjust: none | auto | <percentage>;
值
- percentage:字体大小百分比
- auto:默认值,字体大小会根据设备/浏览器来自动调整
- none:不允许调整字体大小
注意事项
- 浏览器支持(添加浏览器前缀):safari 3.0+,chrome 1.0+,IE Mobile 9+,Firefox Mobile 11.0(不支持百分比值)
- 设置viewport meta标签后,IE Mobile会忽略
–ms-text-size-adjust
。 - Chrome桌面中文版默认会将小于11px的文字调整为11px(Chrome认为中文小于11px影响阅读)。但在实际使用中,某些内容(如日期)需要使用较小字号,这时就需要关闭浏览器的自动调整功能了。 需要注意的是使用text-size-adjust:none会造成相关的部分的文字将不能随页面的缩放而缩放,影响视力障碍用户使用。因此不建议全局使用
none
属性,对特定元素应用即可。