HTML Style fontSizeAdjust用法及代码示例

如果字体的第一选择不可用，则fontSizeAdjust属性可以更好地控制字体大小。它设置或返回文本的字体纵横比值。宽高比是小写字母“x”和大写字母“X”之间的大小差。

用法:

设置fontSizeAdjust属性

object.style.fontSizeAdjust = "none|initial|number|inherit"

获取fontSizeAdjust属性
```
object.style.fontSizeAdjust
```

属性值：

none:大小设置为默认值。没有变化发生。
number:在属性font-family的值中计算并保留第一个列出的字体的外观值。此值用在方程式f *(af /as)= s中，其中“f”是首选字体大小，“af”是首选字体的宽高比，“as”是可用字体的字体宽高比，“s”是大小以使用可用字体。
initial:大小设置为默认值。
inherit:大小是从其父元素继承的。

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML | DOM Style fontSizeAdjust Property 
    </title> 
</head> 
  
<body> 
  
    <p id="change"> 
      HTML| DOM fontSizeAdjust property 
    </p> 
  
    <button type="button" onclick="myFunction()"> 
        change 
    </button> 
  
    <script> 
        function myFunction() { 
  
            //  Adjust font size. 
            document.getElementById( 
                    "change").style.fontSizeAdjust = 
                                                "0.76"; 
        } 
    </script> 
  
</body> 
  
</html>

输出：
在单击按钮之前：

单击按钮后：

支持的浏览器：HTML |下面列出了DOM样式的fontSizeAdjust属性：

火狐浏览器

相关用法

注：本文由纯净天空筛选整理自AkshayGulati大神的英文原创作品 HTML | DOM Style fontSizeAdjust Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。