简体中文
简体中文
# width
width 属性用于设置元素的宽度。width 默认设置内容区域的宽度，但如果 box-sizing 属性被设置为 border-box，就转而设置边框区域的宽度。
# uni-app x 兼容性
| Android | iOS | web |
|---|---|---|
| 3.9 | 4.11 | 4.0 |
# 语法
width: <viewport-length>{1,2};
# width 的属性值
auto
浏览器将会为指定的元素计算并选择一个宽度。
fit-content
取以下两种值中的较大值：
固有的最小宽度
固有首选宽度（max-content）和可用宽度（available）两者中的较小值
可表示为：min(max-content, max(min-content, \<length-percentage>))
max-content
元素内容固有的（intrinsic）合适宽度。
min-content
元素内容固有的最小宽度。
注意
属性值为长度
<length>时，App平台可以不设置单位，Web端必须设置单位，详情参考长度单位。
# 默认值
auto
# 兼容性
# width 的属性值兼容性
| Android | iOS | web | |
|---|---|---|---|
| auto | 3.9 | 4.11 | 4.0 |
| fit-content | x | x | 4.0 |
| max-content | x | x | 4.0 |
| min-content | x | x | 4.0 |
# 浏览器兼容性
| Chrome | Edge | Firefox | Opera | Safari | IE | |
|---|---|---|---|---|---|---|
| width | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |
| fit-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |
| max-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |
| min-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |
