/ Chrome Mobile

移动Web开发中的text-size-adjust

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属性,对特定元素应用即可。

参考链接