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

更新日期: 2023-06-15 阅读次数: 8268 字数: 219 分类: 微信小程序

比较诡异的一个问题,微信小程序的一个界面,在 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 聊聊, 查看更多联系方式