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
@viewport 29 — 84
Disabled
29 — 84
Disabled
See Chromium bug 235457.
Disabled From version 29 until version 84 (exclusive): this feature is behind the --enable-experimental-webkit-features runtime flag and the --enable-viewport runtime flag.
12
Prefixed Disabled
12
Prefixed Disabled
Prefixed Implemented with the vendor prefix: -ms-
Disabled From version 12: 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 — 84 12
Prefixed
12
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
16
16
11.1 — 15
No
max-height descriptor 29 — 84 12
Prefixed
12
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
16
16
11.1 — 15
No
max-width descriptor 29 — 84 12
Prefixed
12
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
16
16
11.1 — 15
No
max-zoom descriptor 29 — 84 12
Prefixed
12
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
16 No
min-height descriptor 29 — 84 12
Prefixed
12
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
16
16
11.1 — 15
No
min-width descriptor 29 — 84 12
Prefixed
12
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
16
16
11.1 — 15
No
min-zoom descriptor 29 — 84 12
Prefixed
12
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
16 No
orientation descriptor No 12 — 79
Prefixed
12 — 79
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No No
user-zoom descriptor 29 — 84 12
Prefixed
12
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
16 No
viewport-fit descriptor No No No No No No
width descriptor 29 — 84 12
Prefixed
12
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
16
16
11.1 — 15
No
zoom descriptor 29 — 84 12
Prefixed
12
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
No 10
Prefixed
10
Prefixed
Prefixed Implemented with the vendor prefix: -ms-
16 No
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
@viewport 4.4 — 37 29 — 84
Disabled
29 — 84
Disabled
See Chromium bug 235457.
Disabled From version 29 until version 84 (exclusive): this feature is behind the --enable-experimental-webkit-features runtime flag and the --enable-viewport runtime flag.
No
No
See Firefox bug 747754.
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 — 14
Prefixed
Prefixed Implemented with the vendor prefix: -o-
No
No
See WebKit bug 95959.
2.0
height descriptor 4.4 — 37 29 — 84 No 16
16
11.1 — 14
No 2.0
max-height descriptor 4.4 — 37 29 — 84 No 16
16
11.1 — 14
No 2.0
max-width descriptor 4.4 — 37 29 — 84 No 16
16
11.1 — 14
No 2.0
max-zoom descriptor No 29 — 84 No 16 No 2.0
min-height descriptor 4.4 — 37 29 — 84 No 16
16
11.1 — 14
No 2.0
min-width descriptor 4.4 — 37 29 — 84 No 16
16
11.1 — 14
No 2.0
min-zoom descriptor No 29 — 84 No 16 No 2.0
orientation descriptor No No No 11.1 — 14
Prefixed
11.1 — 14
Prefixed
Prefixed Implemented with the vendor prefix: -o-
No No
user-zoom descriptor No 29 — 84 No 16 No 2.0
viewport-fit descriptor No No No No No No
width descriptor 4.4 — 37 29 — 84 No 16
16
11.1 — 14
No 2.0
zoom descriptor 4.4 — 37 61 — 84 No 16 No 8.0

© 2005–2020 Mozilla 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