Fix your mobile viewport's with this simple css trick

Опубликовано: 06 Октябрь 2024
на канале: John Komarnicki

86,562

1.4k

📕 Vue 3 Crash Course: https://johnkomarnicki.gumroad.com/l/...
🤖 SaaS I'm Building (WebDevDaily): https://www.webdevdaily.io/
📹 Writeable computed properties:    • Writeable computed properties are gre...
📹 defineModel:    • This New Vue 3.3 defineModel Macro Wi...
🚀 Join the channel :   / @johnkomarnicki
🤖 Website: https://johnkomarnicki.com/
🐦 Twitter:   / john_komarnicki

In this video cover a simple css trick to fix your mobile viewport when using a height value of 100vh. On many mobile browsers, when using this height value, it does not account for the navigation within the browser itself. This leads to unexpected / undesired behavior. Using a few lines of css, we are able to fix this issue.