IOS 有个讨厌的问题,就是 100vh 总会比屏幕高多那么一点点
- https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/
- https://medium.com/quick-code/100vh-problem-with-ios-safari-92ab23c852a8
- https://www.bram.us/2020/05/06/100vh-in-safari-on-ios/
看样子苹果是不打算修这个 BUG 了,不过好在大佬们也给出了解决方案
@supports (-webkit-touch-callout: none) {
height: -webkit-fill-available;
}