.element height: 100vh; /* fallback for old browsers */ height: 100tvh; /* painless for modern ones */
It removes a decade-old headache without requiring frameworks, polyfills, or event listeners. Just one unit, one line of CSS, and your layouts finally behave like they should on mobile. Teksturnyj VH dla CSS v34 -bespalevnyj-
Before (with vh ) .mobile-menu height: 100vh; overflow-y: auto; .element height: 100vh
.fullscreen-section height: 100tvh; /* Real fullscreen, no overflow */ or event listeners. Just one unit