W3cubDocs

/CSS

CSS Device Adaptation

CSS Device Adaptation is a module of CSS that lets you define the size, zoom factor, and orientation of the viewport.

Reference

At-rules

Specifications

Specification Status Comment
CSS Device Adaptation Working Draft Initial definition

Browser compatibilityUpdate compatibility data on GitHub

@viewport rule

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 29
Disabled
29
Disabled
See Chromium bug 235457.
Disabled From version 29: this feature is behind the --enable-experimental-webkit-features runtime flag and the --enable-viewport runtime flag.
 Yes
Prefixed Disabled
Yes
Prefixed Disabled
Prefixed Implemented with the vendor prefix: -ms-
Disabled This feature is behind the Enable @-ms-viewport rules preference.
 No
No
See Firefox bug 747754.
 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 16
Disabled
16
Disabled
Disabled From version 16: this feature is behind the --enable-experimental-webkit-features runtime flag and the --enable-viewport runtime flag.
11.1 — 15
Prefixed
Prefixed Implemented with the vendor prefix: -o-
 No
No
See WebKit bug 95959.
height descriptor 29 ? No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 16
16
11.1 — 15
No
max-height descriptor 29 ? No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 16
16
11.1 — 15
No
max-width descriptor 29 ? No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 16
16
11.1 — 15
No
max-zoom descriptor 29 Yes
Prefixed
Yes
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 ? No
min-height descriptor 29 ? No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 16
16
11.1 — 15
No
min-width descriptor 29 ? No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 16
16
11.1 — 15
No
min-zoom descriptor 29 Yes
Prefixed
Yes
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 ? No
orientation descriptor No ? No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 No ?
user-zoom descriptor 29 Yes
Prefixed
Yes
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 ? No
viewport-fit descriptor ? ? ? ? ? 11
width descriptor 29 ? No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 16
16
11.1 — 15
No
zoom descriptor 29 ? No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 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 Yes
Prefixed Disabled
Yes
Prefixed Disabled
Prefixed Implemented with the vendor prefix: -ms-
Disabled This feature is behind the Enable @-ms-viewport rules preference.
 No
No
See Firefox bug 747754.
 ? No
No
See WebKit bug 95959.
 Yes
height descriptor 4.4 29 ? No 16
16
11.1 — 14
No Yes
max-height descriptor 4.4 29 ? No 16
16
11.1 — 14
No Yes
max-width descriptor 4.4 29 ? No 16
16
11.1 — 14
No Yes
max-zoom descriptor ? 29 Yes
Prefixed
Yes
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 No ? No ?
min-height descriptor 4.4 29 ? No 16
16
11.1 — 14
No Yes
min-width descriptor 4.4 29 ? No ? No Yes
min-zoom descriptor ? 29 Yes
Prefixed
Yes
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 No ? No ?
orientation descriptor ? ? ? ? 8
Prefixed
8
Prefixed
Prefixed Implemented with the vendor prefix: -o-
 ? No
user-zoom descriptor ? 29 Yes
Prefixed
Yes
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
 No ? No ?
viewport-fit descriptor ? ? ? ? ? 11 ?
width descriptor 4.4 29 ? No 16
16
11.1 — 14
No Yes
zoom descriptor 4.4 61 ? No 37 ? No

Edit this page on MDN

© 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/CSS_Device_Adaptation