text-size-adjust
text-size-adjust CSS 屬性控制某些智慧手機和平板電腦上使用的文字膨脹演算法。其他瀏覽器將忽略此屬性。
由於許多網站並未針對小尺寸裝置進行開發，因此移動瀏覽器在渲染網頁的方式上與桌面瀏覽器有所不同。它們不以裝置螢幕的寬度來佈局頁面，而是使用一個通常為 800 或 1000 畫素的更寬的視口來佈局頁面。為了將超寬佈局映射回原始裝置尺寸，它們要麼只顯示整個渲染的一部分，要麼縮小視口以適應。
由於縮小以適應移動螢幕的文字可能非常小，許多移動瀏覽器會應用文字膨脹演算法來放大文字，使其更易於閱讀。當包含文字的元素使用螢幕寬度的 100% 時，該演算法會增大其文字大小，但不會修改佈局。text-size-adjust 屬性允許網頁作者停用或修改此行為，因為針對小螢幕設計的網頁不需要它。
語法
css
/* Keyword values */
text-size-adjust: none;
text-size-adjust: auto;
/* <percentage> value */
text-size-adjust: 80%;
/* Global values */
text-size-adjust: inherit;
text-size-adjust: initial;
text-size-adjust: revert;
text-size-adjust: revert-layer;
text-size-adjust: unset;
text-size-adjust 屬性指定為 none、auto 或 <percentage>。
值
none-
停用瀏覽器的膨脹演算法。
auto-
啟用瀏覽器的膨脹演算法。此值用於取消之前使用 CSS 設定的
none值。 <percentage>-
啟用瀏覽器的膨脹演算法，指定一個百分比值來增大字型大小。
正式定義
正式語法
text-size-adjust =
auto |
none |
<percentage [0,∞]>
示例
基本停用用法
如上所述，在一個設計得當的響應式網站上，不需要 text-size-adjust 行為，因此開發者可以選擇透過指定 none 值來關閉它
css
p {
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
規範
| 規範 |
|---|
| CSS 移動文字大小調整模組級別 1 # 調整控制 |
瀏覽器相容性
載入中…
另見
- Apple 的文件 (2016)
- Google Chrome 行為描述 (2014)
- L. David Baron (2011) 的Gecko 行為描述