CSS Device Adaptation - CSS: Cascading Style Sheets | MDN

Skip to main content
Select language
Skip to search

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

Reference

At-rules

@viewport

Specifications

Specification	Status	Comment
CSS Device Adaptation	Working Draft	Initial definition

Browser compatibility

`@viewport` rule

Update compatibility data on GitHub

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

Legend

Full support: Full support
No support: No support
See implementation notes.: See implementation notes.
User must explicitly enable this feature.: User must explicitly enable this feature.
Requires a vendor prefix or different name for use.: Requires a vendor prefix or different name for use.

Last modified: Jul 7, 2020, by MDN contributors