CSS Device Adaptation

The @viewport rule, in combination with media queries, enabled web developers to optimize the layout of sites and apps for different devices with minimal effort. It generalizes the viewport meta tag to CSS, while being much simpler to understand and without the quirks that exists with the meta tag.


The development of the feature started in WebKit, before Blink was created and is already referred to from Chrome documentation: https://developers.google.com/chrome-developer-tools/docs/mobile-emulation Opera shipped in Presto 2.8, before switching to WebKit and later Blink: http://www.opera.com/docs/specs/presto28/css/viewportdeviceadaptation/


Working draft or equivalent

Status in Chromium


Behind a flag in:

  • Chrome for desktop release 29
  • Chrome for Android release 29
  • Chrome for iOS release 29

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • No signal
  • Shipped/Shipping
  • No signal
  • Positive


Last updated on 2017-06-14