宽度 | @viewport.width (Device Adaptation) – CSS 中文开发手册

时间：2020-07-07 22:09:39 阅读：87 评论：0 收藏：0 [点我收藏+]

标签：abs auto amp 相对 support status section 兼容性 asi

[


??CSS 中文开发手册

宽度 | @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;
}