移动端:安卓-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的父级元素上

原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

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

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源
www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com
未经允许不得转载:书荒源码源码网每日更新网站源码模板! » 移动端:安卓-IOS 常见坑持续更新
关注我们小说电影免费看
关注我们,获取更多的全网素材资源,有趣有料!
120000+人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏就是我分享的动力!

支付宝扫一扫打赏

微信扫一扫打赏