text-size-adjust

文本大小调整

这是一种实验技术

由于该技术的规格不稳定，请查看各种浏览器的兼容性表格以供使用。还要注意，随着规范的变化，实验技术的语法和行为在未来版本的浏览器中可能会发生变化。

该text-size-adjust属性允许控制在某些移动设备上使用的文本膨胀算法。由于这个属性是非标准的，必须前缀：-moz-text-size-adjust，-webkit-text-size-adjust，和-ms-text-size-adjust。

/* Text is never inflated */
text-size-adjust: none;

/* Text may be inflated */
text-size-adjust: auto;

/* Text may be inflated in this exact proportion */
text-size-adjust: 80%;

/* Global values */
text-size-adjust: inherit;
text-size-adjust: initial;
text-size-adjust: unset;

由于许多网页并未考虑到移动设备，智能手机浏览器与桌面浏览器在显示网页方面有所不同。而不是在设备屏幕的宽度上布置网页，而是使用比设备屏幕宽得多的视口（通常为800或1000像素宽）布置它。要将宽布局映射回原始设备大小，浏览器要么只显示整个渲染的一部分，要么缩小视口以适应。

由于缩小到适合小屏幕的文本很小，因此许多移动浏览器都使用文本膨胀算法来使文本更大，更易读。当包含文本的元素使用屏幕宽度的100％时，其文本大小将增加，直到达到可读大小，但不修改布局。

该text-size-adjust属性允许网络作者选择退出或修改此行为，因为设计用于处理小屏幕宽度的网页不需要它。

注：

• 这个属性是非标准的。您必须在您希望使用的每个引擎的属性名称前加上前缀。

• 该属性的行为和语法因浏览器而异。请参阅下面的浏览器兼容性部分了解更多信息

• 此属性仅适用于智能手机和某些平板电脑。桌面浏览器和一些平板电脑浏览器没有膨胀算法。

• 如果-webkit-text-size-adjust显式设置为none旧的基于WebKit的桌面和平板电脑浏览器（例如Chrome≤26或Safari≤5），而不是忽略该属性，则会阻止用户放大或缩小网页。＃

• 并不是所有支持这个属性的引擎都允许使用一个百分比值（例如Webkit和Trident，但是Gecko没有）。请查看下面的浏览器兼容性部分了解详情

语法

text-size-adjust属性被指定为none，auto或<percentage>。

值

none禁用浏览器的膨胀算法。在旧的基于WebKit的桌面浏览器（Chrome≤26，Safari≤5）上，这将防止用户缩小或放大网页。auto启用浏览器的通胀算法。该值用于取消none之前使用CSS设置的值。<percentage>启用浏览器的通胀算法，指定用于增加字体大小的百分比值。

形式语法

none | auto | <percentage>

规范

浏览器兼容性