引言iPhoneX发布至今已经有将近一年的时间了，各类app都多多少少做了对iPhoneX的适配，那对于我们H5页面该做哪方面的适配呢？首先了解安全区域(safearea)的概念，它保证了内容在设备上

iPhoneX对于微信小程序的tabbar来说，会被底部小黑条覆盖，需要处理，大概思路是，得到手机型号、分别判断样式，即可，如下：处理前后效果图：步骤：1.在app.js的onLaunch函数内调用w

因为iphoneX系列的手机底部的物理home按键被取消了,我们需要兼容方式处理一下 使用苹果提出的 css 将内容区限制在安全区域内

设置iphonex底部fixed固定，当页面滚动时，fixed定位部分也随之滚动。 2.在css中设置如下样式，其中footer是定义的fixed底部定位。

阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…

为了保证在低版本的机型也能正常显示页面，可以引入 viewport-units-polyfill 来处理 vw 的兼容问题。 viewport-units-polyfill 其实是 viewport-units-buggyfill 的简化版。 简单介绍下 viewport-un…

开发人员应该掌握的 HTTP 知识