Contents tagged “100vh”

There are 4 contents with this tag:

1. • Nicolas Hoizey
   • 19 July 2022
   • 100vh, CSS, viewport
   • 5 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 as a bug to webkit, and webkit replied it was "intended".

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 other browsers followed… 🤦‍♂️

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
   • 240 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 meant the bottom of the game interface was partialy hidden behind the browser buttons bar or below the "fold" of some mobile browsers.

See all tags.