19 мая 2023 г. · 100vh means 100% of the viewport height, if the content is bigger it will overflow. You should rather use min-height: 100vh, it has a minimum dimension of 100 ...

30 апр. 2023 г. · Make the height of the body min-height:100vh so it will always stretch to the height of the viewable screen, if there isn't enough content to expand it.

3 окт. 2023 г. · It's because the header is 20% of the body height and if the body height is greater than 100vh then the header will get continuously larger in ...

1 июл. 2023 г. · Try overflow-x:hidden or overflow-y:hidden on body. An alternative would be to just apply max-width:100% to body and no height changes.

30 дек. 2020 г. · 100vh can have issues, but for something like a hero it works fine. I'd suggest using min-height: 100vh so that in the case the content needs to run long due ...

2 окт. 2023 г. · min-height:100vh; min-height:100dvh; So that browsers that don't understand it can fall back to a value that is reasonable albeit not optimal.

17 окт. 2023 г. · You can put everything in an global element with "min-height:100vh". 1 vh equals to 1% of viewport height, so 100 should fill the whole screen.

6 авг. 2024 г. · I'd like the body to always be at least 100vh, unless there's more content on another page, then have it just fit the content. Any help is…

11 окт. 2023 г. · With simple 100vh you always had an issue that the element changed it's height once the user scrolled and the bottom browser bar disappeared.

25 окт. 2024 г. · min-height: 100dvh; sets the height to the dynamic viewport. This means it adjusts for browser/mobile menus that might adjust the side of the web page.