宽度 | @viewport.width (Device Adaptation) – CSS 中文开发手册
2021-01-24 01:26
宽度 | @viewport.width (Device Adaptation) - CSS 中文开发手册
widthCSS描述符是用于设定两个最小宽度和视口的最大宽度的简写。通过提供一个视口长度值，该值将确定所提供的值的最小宽度和最大宽度。
如果提供两个视口值，则第一个值将设置为最小宽度，第二个值将设置为最大宽度。
|
Related at-rule |
@viewport |
|---|---|
|
初始值 |
as each of the properties of the shorthand: min-width: 0 max-width: none |
|
百分比值 |
as each of the properties of the shorthand: min-width: refer to the width of the containing block max-width: refer to the width of the containing block |
|
适用媒体 |
visual, continuous |
|
计算值 |
as each of the properties of the shorthand: min-width: the percentage as specified or the absolute length max-width: the percentage as specified or the absolute length or none |
|
正规顺序 |
order of appearance in the formal grammar of the values |
min-width：0max-width：none
Percentages as each of the properties of the shorthand:
min-width：参考包含块的宽度max-width：参考包含块的宽度
Media visual, continuous [Computed value](../computed_value) as each of the properties of the shorthand:
min-width：指定的百分比或绝对长度max-width：指定的百分比或绝对长度或none
Canonical order order of appearance in the formal grammar of the values
语法
/* An example with one viewport value: */
@viewport {
width: 320px;
}
/* An example with two viewport values: */
@viewport {
width: 320px, 120px;
}
值
auto使用的值是从其他CSS描述符的值中计算出来的。
正式语法
auto ||
规范
|
Specification |
Status |
Comment |
|---|---|---|
|
CSS Device AdaptationThe definition of ‘"min-width" descriptor‘ in that specification. |
Working Draft |
Initial definition |
浏览器兼容性
|
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
|---|---|---|---|---|---|
|
Basic support |
29 (behind a flag) |
No support |
10 -ms |
11.10 Removed in 15 Reintroduced behind a flag in 16 |
No support |
|
Feature |
Android |
Chrome for Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
||
|---|---|---|---|---|---|---|---|---|
|
Basic support |
4.4 |
4.4 |
29 |
29 |
No support |
10-ms |
11.10 Removed in 15 Reintroduced behind a flag in 16 |
No support |
文章标题：宽度 | @viewport.width (Device Adaptation) – CSS 中文开发手册
文章链接：http://soscw.com/index.php/essay/46117.html