微信小程序在苹果 iOS 上禁止屏幕左右滑动

文章目录

    比较诡异的一个问题,微信小程序的一个界面,在 iphone 上会左右滑动。即,下拉时,会不经意触发界面左右移动。但是 android 无此问题。

    网上查了一下,普遍给出的解释是,界面有部分的宽度超出了屏幕范围,所以导致全屏可以左右移动。这个分析有道理。

    排查方法

    整体注释,逐段开放出来,测试。以达到逐一排查的目的。

    出问题的 view

    .post_card {
    	width:750rpx;
    	background:rgba(255,255,255,1);
    	margin: 0 auto;
    	padding: 10rpx 5rpx;
    	box-sizing: border-box;	
    	margin-bottom: 20rpx;
    }
    

    其实,我没看出来这个样式为什么会导致宽度超出屏幕。因为已经设置了 width 750rpx,为何还是会超出屏幕呢?难道是内嵌的 view 宽度超了导致?

    解决方法

    加上

    overflow-x: hidden;
    

    就好了。

    继续阅读 🌳

    微信小程序中显示关注公众号按钮

    关于作者 🌱

    我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式