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没有）。请查看下面的浏览器兼容性部分了解详情
Initial value | auto for smartphone browsers supporting inflation, none in other cases (and then not modifiable). |
|---|---|
应用对象 | all elements |
是否可继承 | yes |
百分比值 | yes, refer to the corresponding size of the text font |
媒体 | visual |
计算值 | as specified |
动画类型 | discrete |
规范顺序 | the unique non-ambiguous order defined by the formal grammar |
语法
text-size-adjust属性被指定为none，auto或<percentage>。
值
none禁用浏览器的膨胀算法。在旧的基于WebKit的桌面浏览器（Chrome≤26，Safari≤5）上，这将防止用户缩小或放大网页。auto启用浏览器的通胀算法。该值用于取消none之前使用CSS设置的值。<percentage>启用浏览器的通胀算法，指定用于增加字体大小的百分比值。
形式语法
none | auto | <percentage>规范
Specification | Status | Comment |
|---|---|---|
CSS Mobile Text Size Adjustment Module Level 1The definition of 'text-size-adjust' in that specification. | Editor's Draft | Initial definition |
浏览器兼容性
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
Basic support | 54.01 | (Yes)-ms (Yes)-webkit | No support | No support | 42 | No support1 |
Percentages | ? | (Yes) -ms | No support | No support | No support | No support |
Feature | Android | Android Webview | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
Basic support | ? | 54.01 | (Yes)-ms (Yes)-webkit | 11.0 (11.0) -moz2 | (Yes) -ms3 11-webkit | 42 | (Yes)-webkit | 54.01 |
Percentages | ? | ? | (Yes) -ms | No support | (Yes)3 | No support | (Yes) | ? |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
