text-size-adjust

語法:

text-size-adjust:auto | none | <percentage>

預設值auto

適用於:所有元素

繼承性:有

動畫性:當取值為 <percentage>

計算值:指定值

媒 體:視覺

取值:

auto:
文字大小根據設備尺寸進行調整。
none:
文字大小不會根據設備尺寸進行調整。
<percentage>
用百分比來指定文字大小在設備尺寸不同的情況下如何調整。

說明:

定義移動端頁面中元素文字的大小如何調整。
  • 該屬性只在移動設備上生效;
  • 如果你的頁面沒有定義meta viewport,此屬性定義將無效;
  • 如果不希望頁面的文字大小隨手持設備尺寸變化(比如橫豎屏旋轉)而發生變化(這可能會導致頁面布局錯亂),可以定義值為none或者100%(早期版本的 Safari 會忽略 none 取值)
  • 對應的腳本特性為:textSizeAdjust

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0-16.0 40.0-59.0 40.0-53.0 8.0-11.0 40.0-44.0 8.0-11.3 -webkit- 4.4-53.0 28.0-53.0
54.0+ 45.0+ 54.0+ 54.0+

示例: