W3C home > Mailing lists > Public > www-style@w3.org > June 2013

[css3-mediaqueries][css-device-adapt] Combining @viewport with the Fullscreen API

From: Kenneth Rohde Christiansen <kenneth.christiansen@gmail.com>
Date: Thu, 6 Jun 2013 12:12:43 +0200
Message-ID: <CAEC208vX4+90Ru_bbs=+hQNURDP1zan0FB5P-Kux3RQz+gERBw@mail.gmail.com>
To: www-style list <www-style@w3.org>, public-webapps <public-webapps@w3.org>
In order for CSS Device Adaptation and Fullscreen to work better
together and work with orientation lock in fullscreen mode, I suggest
(idea by Rune) we extend the view-mode media feature with the below
syntax. I also suggest that we move the view-mode media feature into
Media Queries Level 4.

@media all and (view-mode: fullscreen(#element1)) {
    @viewport {
        orientation: portrait;

@media all and (view-mode: fullscreen(#element2)) {
    @viewport {
        orientation: landscape;

This way a page can have multiple fullscreen enabled elements which
each their viewport configuration which will be applied when they
enter fullscreen.

Received on Thursday, 6 June 2013 10:13:15 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:12 UTC