[csswg-drafts] [css-device-adapt] Behavior on Desktop browsers

kareldonk has just created a new issue for 
https://github.com/w3c/csswg-drafts:

== [css-device-adapt] Behavior on Desktop browsers ==
In paragraph 4 of the specification 
(https://drafts.csswg.org/css-device-adapt/) there's an example of 
what to do when the "actual viewport" cannot fit inside the window or 
viewing area. But what happens when the "actual viewport" is smaller 
than the window/viewing area?

Currently on mobile browsers, if you declare a viewport of 480pixels 
wide while the screen is 320pixels wide, the browser automatically 
zooms the page out to make the 480px fit in the 320px space initially.
 If the viewport is 200px while the screen is 320px, the browser 
scales up the 200px to fit into the 320px space. On desktop however, 
if the viewport is 200px and the pagelayout also 200px wide, you're 
left with 120px empty space on the side, instead of it being scaled to
 fit.

Is it possible to add into the specifications the following 
functionality:

- That the browser automatically scales the layout if the "actual 
viewport" is larger than the window in order to make it fit? (zooms 
out enough to make it fit).
- That the browser automatically scales the layout if the "actual 
viewport" is smaller than the window so that it fills the entire 
viewing area?
- Both the above points should work on both mobile and desktop 
browsers when a viewport is specified.

In short, the above functionality would make the browser always fit 
the "actual viewport" in the window (scaling up or down as needed), on
 mobile AND desktop browsers.

If this is added, it will help a lot to make responsive websites and 
to make the layout of the website more predictable, and make a design 
look consistent even though the window might be smaller or larger 
sometimes. 


Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/716 using your GitHub 
account

Received on Tuesday, 15 November 2016 23:06:59 UTC