The orientation
CSS descriptor controls the orientation of a document defined by @viewport
.
/* Keyword values */ orientation: auto; orientation: portrait; orientation: landscape;
For a UA/device where the orientation is changed upon tilting the device, an author can use this descriptor to inhibit the orientation change.
Related at-rule | @viewport |
---|---|
Initial value | auto |
Percentages | refer to the size of bounding box |
Media | as each of the properties of the shorthand:
|
Computed value | as specified |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
auto
portrait
landscape
auto | portrait | landscape
Specification | Status | Comment |
---|---|---|
CSS Device Adaptation The definition of '"orientation" descriptor' in that specification. | Working Draft | Initial definition |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | No | ? | No | 10
|
No | ? |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | ? | ? | ? | ? | 8
|
? | No |
© 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/orientation