移动端:安卓-IOS 常见坑持续更新

最近公众号做得比较多,对于安卓和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的父级元素上

猜你喜欢

转载自blog.csdn.net/u014206461/article/details/107824121
今日推荐