text-size-adjust

text-size-adjust CSS 属性控制某些智能手机和平板电脑上使用的文本膨胀算法。其他浏览器将忽略此属性。

由于许多网站在设计时没有考虑到小型设备，因此移动浏览器在渲染网页的方式上与桌面浏览器有所不同。它们不是以设备屏幕的宽度来布局页面，而是使用一个更宽的视口来布局页面，通常为 800 或 1000 像素。为了将超宽布局映射回原始设备大小，它们要么只显示整个渲染的一部分，要么缩小视口以适应。

由于已缩小以适应移动屏幕的文本可能非常小，因此许多移动浏览器会应用文本膨胀算法来放大文本，使其更易于阅读。当包含文本的元素使用屏幕的 100% 宽度时，算法会增加其文本大小，但不会修改布局。text-size-adjust 属性允许网页作者禁用或修改此行为，因为针对小型屏幕设计的网页不需要它。

/* 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 = 
  auto                |
  none                |
  <percentage [0,∞]>  

p {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}