W3C home > Mailing lists > Public > public-css-archive@w3.org > April 2019

Re: [csswg-drafts] [css-shadow-parts] PanResp (Panel Responsive) support: sizing expression mapping (#3874)

From: Stephen Williams via GitHub <sysbot+gh@w3.org>
Date: Fri, 26 Apr 2019 20:02:04 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-487183393-1556308922-sysbot+gh@w3.org>
The clarify a bit more how I use this:
Every browser viewport is 100vw wide by definition.  A browser window viewport that is 1200 pixels wide, is also vw/1200 * 1200 units wide, or each pixel is .0833vw wide.  So rather than use pixel width breakpoints with alternative CSS for font-size, widths, etc., an app may want to treat 1200 pixels as 100% and, at some lower width start scaling down smoothly rather than breaking (clipping to the right, wrapping in ugly ways).  In some cases, parts of a layout should stay exactly proportional while in others a layout should stay completely fixed, even with browser zoom changing.

Using vw as a basis for CSS sizing expressions has been done, although it is a bit of a toy on its own for a couple reasons.  The worst of these is that there is no per-element vw / vh, but even if there were, it wouldn't be too helpful.  A designated parent for vw / vh gets closer to being useful.

It turns out that controlling scale for several reasons can all be done by a CSS variable along with vw.  Potentially vh also, but experience has shown that vw plus factoring in height to algorithms is best overall.

-- 
GitHub Notification of comment by sdwlig
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3874#issuecomment-487183393 using your GitHub account
Received on Friday, 26 April 2019 20:02:05 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:46 UTC