Skip to content

Instantly share code, notes, and snippets.

@eesa1980
Created March 22, 2021 08:28
Show Gist options
  • Save eesa1980/df73b83817f76f499b0b526ad4e89bef to your computer and use it in GitHub Desktop.
Save eesa1980/df73b83817f76f499b0b526ad4e89bef to your computer and use it in GitHub Desktop.
Mobile full screen #mobile #fullscreen
html, body {
width: 100vw;
padding: 0;
margin: 0;
overflow: hidden;
min-height: 100%; /* We keep this right? */
min-height: 100vh;
min-height: -webkit-fill-available; /* We want the vendor-prefixed value to take affect
in browsers that support it, fall back to 100vh,
then 100%. */
}
html {
height: -webkit-fill-available; /* https://twitter.com/bfgeek/status/1262465912025698304 */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment