解决iphone11及以上适配问题

解决iphone11及以上适配问题 前言 适配之前需要了解的几个新知识 安全区域 env() 和 constant() 如何适配 第一步：设置网页在可视窗口的布局方式 第二步：页面主体内容限定在安全区域内 第三步：fixed 元素的适配 结语 前言 iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处

>>阅读原文<<