@viewport.width

The width CSS descriptor is shorthand for setting both the min-width and the max-width 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.

Related at-rule	@viewport
Initial value	as each of the properties of the shorthand: min-width: 0 max-width: none
Percentages	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
Media	visual, continuous
Computed value	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
Canonical order	order of appearance in the formal grammar of the values

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 The definition of '"min-width" descriptor' in that specification.	Working Draft	Initial definition

Browser compatibility