- From: Daniel Tonon via GitHub <sysbot+gh@w3.org>
- Date: Wed, 18 Mar 2020 21:43:16 +0000
- To: public-css-archive@w3.org
I want to also bring up that we seem to be focusing a lot on media queries but what would be more useful I think is a way to use the size of the current display when setting the size of elements.
I'm thinking that we would need new `dw`,`dh`,`dmin`,`dmax` units. Basically a copy of the viewport units (vw, vh etc.) but they are percentages of the current display rather than the full width/height of the browser window.
```css
.fullScreen {
width: 100dw;
height: 100dh;
}
```
We might also be able to use this as an opportunity to enforce a fix the problems with the existing viewport units that drive devs mad. The problems being that `100vh` doesn't take the size of the Chrome on mobile into consideration and `100vw` doesn't take the width of the scrollbar into consideration. It ends up introducing a horizontal scrollbar whenever it is used on a desktop browser with more content than the screen can fit.
--
GitHub Notification of comment by Dan503
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4736#issuecomment-600873673 using your GitHub account
Received on Wednesday, 18 March 2020 21:43:17 UTC