May 15, 2020 09:45 pm GMT
Original Link: https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/
CSS fix for 100vh in mobile WebKit
A surprisingly common response when asking people about things they’d fix about anything in CSS, is to improve the handling of viewport units.
One thing that comes up often is how they relate to scrollbars. For example, if an element is sized to 100vw
and stretches edge-to-edge, that’s fine so long as the page doesn’t have a vertical scrollbar. If it does have a vertical scrollbar, then 100vw
is too wide, and the presence of that vertical scrollbar triggers a … Read article “CSS fix for 100vh in mobile WebKit”
The post CSS fix for 100vh in mobile WebKit appeared first on CSS-Tricks.
Original Link: https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/
Share this article:
Tweet
View Full Article