font-size-adjust

  • 版本:CSS3
  • 媒体:视觉
html+div+css+天猫商城
html5+css3+京东手机网站
javascript+jquery+ajax
正则表达式+面向对象+js插件
2D+3D+触屏事件+Canvas+Svg
地理信息+本地存储+H5拖拽api
查看课程大纲

语法:

font-size-adjust:none | <number>

默认值none

适用于:所有元素

继承性:有

动画性:当值为 <number>

计算值:指定值

取值:

none:
不保留首选字体的 x-height
<number>
定义字体的 aspect 值。

说明:

设置或检索对象的 aspect 值,用以保持首选字体的 x-height。
  • 字体的小写字母 "x" 的高度与字号之间的比率被称为一个字体的 aspect 值
  • 高 aspect 值的字体被设置为很小的尺寸时会更易阅读。举例:Verdana 的 aspect 值是 0.58(意味着当字体尺寸为 100px 时,它的 x-height 是 58px)。Times New Roman 的 aspect 值是 0.46。这就意味着 Verdana 在小尺寸时比 Times New Roman 更易阅读。
  • 可以使用这个公式来为可用字体推演出合适的字号:可应用到可用字体的字体尺寸 = 首选字体的字体尺寸 * (font-size-adjust 值 / 可用字体的 aspect 值)
  • 详述:如果 14px 的 Verdana(aspect 值是 0.58)不可用,但是某个可用的字体的 aspect 值是 0.46,那么替代字体的尺寸将是 14 * (0.58/0.46) = 17.65px。
  • 对应的脚本特性为fontSizeAdjust

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-11.0 2.0 4.0-43.0 3.1-8.1 15.0-28.0 3.2-8.1 2.1-4.4.4 18.0-40.0
3.0+

示例: