H5页面适配 iPhoneX，就是这么简单

iPhoneX 取消了物理按键，改为底部小黑条，这一改动致使网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经作了处理，因此咱们只须要关注底部与小黑条的适配问题便可（即常见的吸底导航、返回顶部等各类相对底部 fixed 定位的元素）。css 笔者经过查阅了一些官方文档，以及结合实际项目中的一些处理经验，整理了一套简单的适配方案分享给你们，但愿对你们有所帮助，如下是

>>阅读原文<<