iOS Safari bug

September 13, 2020

This solves the popular problem when 100vh doesn’t fit the mobile browser screen.

css

body {
  height: 100vh;
  // or
  min-height: 100vh;
}
@supports (-webkit-touch-callout: none) {
  body {
    height: -webkit-fill-available;
  }
}