The height
CSS descriptor is a shorthand descriptor for setting both min-height
and max-height
of the viewport. by providing one viewport length value will set both, the minimum height and the maximum height, to the value provided.
If two viewport values are provided, the first value will set the minimum height and the second value will set the maximum height.
Related at-rule | @viewport |
---|---|
Initial value | as each of the properties of the shorthand:
|
Percentages | as each of the properties of the shorthand:
|
Media | as each of the properties of the shorthand:
|
Computed value | as each of the properties of the shorthand:
|
Canonical order | order of appearance in the formal grammar of the values |
/* One value */ height: auto; height: 320px; height: 15em; /* Two values */ height: 320px 200px;
auto
<length>
<percentage>
<viewport-length>{1,2}where
<viewport-length> = auto | <length-percentage>where
<length-percentage> = <length> | <percentage>
@viewport { height: 500px; }
Specification | Status | Comment |
---|---|---|
CSS Device Adaptation The definition of '"height" descriptor' in that specification. | Working Draft | Initial definition |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | 29 | ? | No | 10
|
16
|
No |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | 4.4 | 29 | ? | No | 16
|
No | Yes |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@viewport/height