添加样式：
height: 100%;
overflow-x: hidden;
经查询，这是iOS浏览器针对网站做的适配，原本是没有必要解决的。
结果，测试说体验不好，（安卓没有这个问题），领导也觉的不好，于是让我想办法优化
经查询，网上有说在body设置overflow：hidden的，但是我设置了没有
也有说在HTML，设置position：fixed，top:0;left:0;但是这种情况的话，会出现，上下滑动，根本滑不了的问题。
最后找到了一个方法，我直接把这个代码丢上来好了。建议可以再nav的组件的css中直接引入这段css,或者全局css中引入这个方法。
{
padding: 0;
margin: 0;
box-sizing: border-box;
}
html {
position: relative;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
body {
position: absolute;
top: 0;
left: 0;
}
大家如果遇到这个问题，可以试试
添加样式： height:100%; overflow-x:hidden; 经查询，这是iOS浏览器针对网站做的...
网页版本没有显示滚动条 但是手机端安卓和ios手机不能禁止滚动条移动端滚动穿透问题完美解决方案html body ...
什么是移动端? 移动端指的是手机（安卓手机，ios手机）、平板电脑（安卓、ios）、ipod等便携设备 作为开发者...
问题： MAKA页面转成h5，表单页在安卓和ios上出现的兼容性问题（ios和安卓手机软键盘收起，页面被顶上去） 解决：
问题一、Android手机的常用设计尺寸有_________.怎么适配ios和安卓。 答案：安卓320 X 480...
安卓和ios监听手机软键盘的方式不同 安卓 ios 如何判断该手机型号
poster全屏 加上一个css：object-fit:fill 移动端ios和安卓都不支持preload，也就是...
解决移动端、苹果端、安卓端点击视频自动全屏问题的方法video标签中增加： 经测ios有效，但是，但是国内部分浏览...
轻松解决手机投屏后电视没声音问题 再次发文申明一下：安卓手机镜像投屏的时候声音在手机端，大屏幕上没有声音。 安卓手...
iOS 录制的的视频是mov格式 如果直接上传，安卓端获取无法播放，因为安卓和pc都不支持mov 所以作为iOS端...
本文标题：安卓和ios css简单解决 手机端左右晃动的问题
本文链接：https://www.haomeiwen.com/subject/bquziltx.html
网友评论