小程序ios 屏幕左右晃动的原因

2024-07-07 02:59:47

问题：微信小程序中发现iOS部分页面，左右可以滑动

注：安卓机没有此种情况。经过查阅分析，是部分元素超过了屏幕尺寸大小,ios设备上很多问题比较严谨，没有安卓的默认问题

1.用什么page{width:100%;overflow-x:hidden},或者外面套一个盒子根本就没用，根本就没有效果

2.笨方法排查-----如果你自己搞不定的时候用，有点麻烦

1.把对应页面的margin或者padding相关的元素全部注释调
2.在一行行的放开，你就会发现对应的问题
我自己是碰到一个ui设计的一个图标，有一部分透明的区域，定位到了屏幕外面，结果就是不管怎么设置溢出隐藏都木有用，最后就是把图片多余的裁剪掉
原因就是部分元素超过了屏幕尺寸大小，只有ios有这个bug

3.如下图切图引起的问题，超出屏幕几个px

小程序ios 屏幕左右晃动的原因相关推荐

微信小程序-ios屏幕可左右滑动问题
现象:苹果手机页面可以左右滑动引起原因:部分元素超出屏幕 .ad-finger{width: 152rpx;height: 75rpx;position: absolute;top: 156rpx; ...
小程序 ios 全面屏底部留出安全距离
小程序 ios 全面屏底部留出安全距离问题描述对于苹果手机,底部有安全距离,一些底部会有遮挡,当然可以通过过去系统信息动态设置底部距离.下面提供一个用 css 设置底部安全距离的方案解决方案苹 ...
ios 上传图片失败小程序_微信小程序ios端使用ajaxSubmit上传图片失败，android没问题...
微信小程序ios端使用ajaxSubmit上传图片失败,android没问题微信小程序开发上传图片,使用ajaxsubmit,post请求,form设置multipart/form-data, a ...
解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题
解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题项目需求: 一个信息提交页面:有input输入框,有picker选择器遇到的问题: 点击input输入框时,手机自动弹出键盘,但 ...
微信小程序ios端唤醒不了拨打电话或者部分电话拨打不了解决方案
目录简介技术问题解决方案简介主要解决微信小程序ios端唤醒不了拨打电话或者部分电话拨打不了问题,使用安卓手机就可以轻松的唤醒拨打电话. 技术 uni-app前端小程序框架问题在调试微信 ...
解决微信小程序ios端滚动卡顿的问题
解决微信小程序ios端滚动卡顿的问题参考文章: (1)解决微信小程序ios端滚动卡顿的问题 (2)https://www.cnblogs.com/goloving/p/10563472.html 备 ...
微信小程序iOS虚拟支付问题汇总
一.做了一款在线听课的小程序,是否涉及到小程序虚拟支付的问题? 是,影响最大的还是那些把IOS会员当做变现唯一手段的小程序.如果小程序只是服务老用户,拉新.裂变等较少,影响自然少一点. 二.什么是虚拟 ...
微信小程序 ios自定义导航栏下拉“橡皮筋” 效果
问题: 1.微信小程序ios中如果自定义导航栏取消了橡皮筋效果页面无法滑动 2.如果不取消,页面往下拉时会与顶部有一大片空白(安卓本身scrollTop不会有负值) 3.fixed之后absolute ...
小程序IOS页面下拉回弹效果
小程序IOS页面下拉回弹效果小程序在ios系统上的橡皮筋回弹效果,是ios特有的,目前小程序没有特有的方法去控制.根据业务需求不想要这个回弹的效果,故此记录一下解决方案: 方案一:当页面内容比较 ...

最新文章

热门文章