New Units for CSS

Ever try to use width: 100vw and get a horizontal scrollbar? Have you ever experienced the 8 million dollar bug? The new CSS units that add to vh and vw might be the answer.

Large Viewport lvh|lvw|lvmin|lvmax

Small Viewport svh|svw|svmin|svmax

Dynamic Viewport dvh|dvw|dvmin|dvmax

Have been added.

If you try width: 100dvw|svw|lvw you won’t get the annoying scroll bar.

It’s currently part of a working draft, so not part of the official specs yet. Browser support is unknown at this time. We’ve had intermitent success with different browsers, but would make sure there is a fallback to the base vw/vh units.