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