当前位置：文江博客知识库简体中文文档 Web CSS @viewport width

width - CSS（层叠样式表）编辑

The width CSS descriptor is shorthand for setting both the min-width and the max-width descriptors of the viewport. By providing one viewport length value, that value will determine both the min-width and the max-width to the value provided.

If two viewport values are provided the first value will be set to the min-width and the second value will be set max-width.

Syntax

/* An example with one viewport value: */
@viewport {
    width: 320px;
}

/* An example with two viewport values: */
@viewport {
    width: 320px, 120px;
}

Values

auto: The used value is calculated from the other CSS descriptors' values.
<length>: A non-negative absolute or relative length.
<percentage>: A percentage value relative to the width or height of the initial viewport at zoom factor 1.0, for horizontal and vertical lengths respectively. Must be non-negative.

Formal syntax

auto | <length> | <percentage>

Specifications

Specification	Status	Comment
CSS Device Adaptation "min-width" descriptor	Working Draft	Initial definition

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!