最新消息:欢迎光临!

text-size-adjust: 100% 有什么作用?

网站电商 爱分享 13浏览 0评论

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
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址