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.

Specification

Specification link


Specification currently under development in a Working Group

Status in Chromium

Blink


In developer trial (Behind a flag)

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

Owners

Comments

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/

Last updated on 2020-11-19