HTML | DOM 样式 fontSizeAdjust 属性

介绍

fontSizeAdjust 属性设置一个值来调整Web字体的大小，以保持行间距的一致性。

语法

<style>
  selector {
    font-size-adjust: value;
  }
</style>

取值

• none: 不进行字体尺寸调整
• <number>: 字体调整的值，建议在0.5到2之间取值，1代表无调整

示例

<style>
  body {
    font-size: 16px;
    font-family: Arial, sans-serif;
  }
  .adjusted {
    font-size-adjust: 0.5;
  }
</style>

<p>这是一段文本，不进行字体尺寸调整</p>
<p class="adjusted">这是一段文本，字体尺寸被调整为原来的一半</p>

这个示例会在页面上显示两段文本，其中第一段字体大小不进行调整，第二段字体大小被调整为原来大小的一半。

总结

fontSizeAdjust 属性在确保所有字体大小持续保持一致的情况下，允许开发者通过调整字体大小来获得更好的排版效果。