DEV Community

Discussion on: 100vh behavior on Chrome

Collapse
 
rgbink profile image
Anthony DeCrescenzo • Edited

Came here for the solution, stayed to necropost. 😏

The reason 100% doesn't work is because % is a VERY relative measurement. 100% of what?

If your hero image is nested at all then 100% refers to the parent container's height.

VH & VW are absolute measures. X/100ths of the viewport height or width. Period.

Make sense?