Contents tagged “100vh”

There are 4 contents with this tag:

1. • Nicolas Hoizey
   • 19 July 2022
   • 100vh, CSS, viewport
   • 6 reactions
   • permalink

   💡 CSS idea of the day:

   :root {
     --full-height: 100vh;
   }
   @​supports(height: 100dvh) {
   
   :root {
   
   --full-height: 100dvh;
   
   }
   
   }

   Clever? Stupid? Old?

2. 

   Bramus Van Damme

   The Large, Small, and Dynamic Viewports

   • Nicolas Hoizey
   • 12 July 2021
   • CSS, 100vh
   • 3 reactions

   Bramus shows how the situation might finally improve for viewport height CSS units, more than 6 years after I reported the unreliable 100vh value…

3. 

   Jason Grigsby

   A Bashful Button Worth 8 Million Dollars

   • Nicolas Hoizey
   • 17 June 2021
   • 100vh, CSS, viewport, responsive
   • 5 reactions

   6 years ago I reported a bug about 100vh being larger than the viewport height in Safari. It was "intentional" according to webkit/Safari team, and…

4. Viewport height is taller than the visible part of the document in some mobile browsers

   • Nicolas Hoizey
   • 18 February 2015
   • CSS, viewport, responsive, 100vh, bug, mobile
   • 252 reactions

   When trying to use a 100vh CSS value to build a new interface for a game that would use the full viewport, I discovered that this full height value…

See all tags.