text-size-adjust

这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

text-size-adjust CSS 控制将一些手机或平板设备上使用的文本溢出算法（text inflation algorithm）。其他类型的设备上的浏览器会忽略此属性。

/* 专有属性值 */
text-size-adjust: none;
text-size-adjust: auto;

/* <percentage> 值 */
text-size-adjust: 80%;

/* 全局属性值 */
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, 不会忽略这个属性, 反而会阻止用户在 web 界面放大或缩小。#
不是所有的浏览器都支持这个属性使用百分比值(例如 Webkit 和 Trident , 但是 Gecko不支持). 检查下面浏览器兼容的部分查看更多的信息。

初始值	`auto` for smartphone browsers supporting inflation, `none` in other cases (and then not modifiable).
适用元素	all elements
是否是继承属性	yes
Percentages	yes, refer to the corresponding size of the text font
适用媒体	visual
计算值	as specified
Animation type	discrete
正规顺序	the unique non-ambiguous order defined by the formal grammar

语法

text-size-adjust 属性的值为 none, auto，或 <percentage>

属性值

none: 禁用浏览器的文本溢出算法。
auto: 启用浏览器的文本溢出算法。该值一般用于取消先前使用 CSS 设置的 none。
<percentage>: 启用浏览器的文本溢出算法，并使用用一个百分数来确定文本放大程度。



形式化语法

none | auto | <percentage>

规范


 
  
   规范
   状态
   备注
  
 
 
  
   CSS Mobile Text Size Adjustment Module Level 1
text-size-adjust
   Editor's Draft
   Initial definition
  
 


浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

Update compatibility data on GitHub Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
text-size-adjust Experimental Chrome
                Full support
              
              54

                Full support
              
              54

                No support
              
              NoPrefixed Notes 
Prefixed Implemented with the vendor prefix: -webkit-
Notes Instead of ignoring the -webkit-text-size-adjust property, a bug prevents desktop Chrome users from zooming in or out. The bug was fixed after Chrome 26. Edge
                Full support
              
              12Prefixed 

                Full support
              
              12Prefixed 
Prefixed Implemented with the vendor prefix: -webkit- Firefox
                No support
              
              No IE
                No support
              
              No Opera
                Full support
              
              41 Safari
                No support
              
              No

                No support
              
              No

                No support
              
              NoPrefixed Notes 
Prefixed Implemented with the vendor prefix: -webkit-
Notes Instead of ignoring the -webkit-text-size-adjust property, a bug prevents desktop Safari users from zooming in or out. The bug was fixed after Safari 5. WebView Android
                Full support
              
              54 Chrome Android
                Full support
              
              54 Firefox Android
                Full support
              
              14Prefixed 

                Full support
              
              14Prefixed 
Prefixed Implemented with the vendor prefix: -moz-

                Full support
              
              49Prefixed 
Prefixed Implemented with the vendor prefix: -webkit-

                Full support
              
              44Prefixed Disabled 
Prefixed Implemented with the vendor prefix: -webkit-
Disabled From version 44: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config. Opera Android
                Full support
              
              41 Safari iOS
                Full support
              
              1Prefixed 

                Full support
              
              1Prefixed 
Prefixed Implemented with the vendor prefix: -webkit- Samsung Internet Android
                Full support
              
              6.0
<percentage> Experimental Chrome
                Full support
              
              54 Edge
                Full support
              
              12 Firefox
                No support
              
              No IE
                No support
              
              No Opera
                Full support
              
              41 Safari
                No support
              
              No WebView Android
                Full support
              
              54 Chrome Android
                Full support
              
              54 Firefox Android
                No support
              
              No Opera Android
                Full support
              
              41 Safari iOS
                No support
              
              No Samsung Internet Android
                Full support
              
              6.0
Legend

                
                 Full support
                  
                
Full support

                
                 No support
                  
                
No support
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.
See implementation notes.
See implementation notes.
User must explicitly enable this feature.
User must explicitly enable this feature.
Requires a vendor prefix or different name for use.
Requires a vendor prefix or different name for use.

[1] There is a bug in older WebKit-based desktop browsers. If -webkit-text-size-adjust is explicitly set to none, older Webkit-based desktop browsers, instead of ignoring the property, will prevent the user from zooming in or out of the web page. See Bug 56543 (affected Safari≤5 & Chrome≤26), Bug 163359, and Bug 84186.

[2] In addition to the -moz- prefixed support, Gecko 44.0 (Firefox 44.0 / Thunderbird 44.0 / SeaMonkey 2.41) added support for a -webkit- prefixed version of the property for web compatibility reasons behind the layout.css.prefixes.webkit flag, defaulting to false. Since Gecko 49.0 (Firefox 49.0 / Thunderbird 49.0 / SeaMonkey 2.46) the preference defaults to true.

[3] If the viewport is set using <meta> element, the value of the CSS text-size-adjust property is ignored. See detailed implementation hints on MSDN.

参见


 Apple's documentation
 Gecko's behavior description, by L. David Baron
 Microsoft's documentation

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`text-size-adjust` Experimental	Chrome Full support 54 Full support 54 No support No Prefixed Notes Prefixed Implemented with the vendor prefix: -webkit- Notes Instead of ignoring the `-webkit-text-size-adjust` property, a bug prevents desktop Chrome users from zooming in or out. The bug was fixed after Chrome 26.	Edge Full support 12 Prefixed Full support 12 Prefixed Prefixed Implemented with the vendor prefix: -webkit-	Firefox No support No	IE No support No	Opera Full support 41	Safari No support No No support No No support No Prefixed Notes Prefixed Implemented with the vendor prefix: -webkit- Notes Instead of ignoring the `-webkit-text-size-adjust` property, a bug prevents desktop Safari users from zooming in or out. The bug was fixed after Safari 5.	WebView Android Full support 54	Chrome Android Full support 54	Firefox Android Full support 14 Prefixed Full support 14 Prefixed Prefixed Implemented with the vendor prefix: -moz- Full support 49 Prefixed Prefixed Implemented with the vendor prefix: -webkit- Full support 44 Prefixed Disabled Prefixed Implemented with the vendor prefix: -webkit- Disabled From version 44: this feature is behind the `layout.css.prefixes.webkit` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	Opera Android Full support 41	Safari iOS Full support 1 Prefixed Full support 1 Prefixed Prefixed Implemented with the vendor prefix: -webkit-	Samsung Internet Android Full support 6.0
`<percentage>` Experimental	Chrome Full support 54	Edge Full support 12	Firefox No support No	IE No support No	Opera Full support 41	Safari No support No	WebView Android Full support 54	Chrome Android Full support 54	Firefox Android No support No	Opera Android Full support 41	Safari iOS No support No	Samsung Internet Android Full support 6.0

text-size-adjust

语法

属性值

形式化语法

规范

浏览器兼容性

Legend

参见

学习 Web 开发的最佳实践