最近公众号做得比较多，对于安卓和ios兼容性来说一般在PC调试如：微信开发者工具调试没问题的安卓几乎都没什么大问题，但是对于ios来说就不一样了，从低点的iPhone 6 至 iPhone X等更高来说，兼容性问题各种各样的，本篇文章只是给自己长记性，帮不到你们的就别在意了！

1.在iPhone 10以上公众号底部会有大概20像素白底解决方案：

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

更详细地址：链接: https://www.jianshu.com/p/e4a7d95b288b.

在head里面加上这句可以解决白底问题，（有的虽然白底解决了但是还占着位置的需要手动加个：padding:0;可解决占位置问题）

2.在iPhone所有手机中公众号用到（position:fixed;固定定位）滑动跟着动的解决方案：

我的解决办法很简单，就是把要用到（position:fixed;固定定位）的元素学到外层比如body层，如果是vue的话就写到：template 内第一个div里面去，反正就是不要放到能滚动的元素里，有更好的方法麻烦在评论区说一下谢谢

3.在IOS中滑动卡顿的解决方案：

// css 添加这个属性
-webkit-overflow-scrolling: touch;

4.在IOS中（document/body）的click事件无效的解决方案：

将 click 事件委托到非document或body的父级元素上