iOS Safari bug
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;
}
}
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;
}
}