iOS Safari bug

13 Sep, 2020

css

👋 FYI, this note is over 6 months old. Some of the content may be out of date.

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

body {
  height: 100vh;
  // or
  min-height: 100vh;
}

@supports (-webkit-touch-callout: none) {
  body {
    height: -webkit-fill-available;
  }
}