安卓和ios css简单解决 手机端左右晃动的问题
添加样式:
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;
}
大家如果遇到这个问题,可以试试
作者:陈情令
原文链接:https://www.jianshu.com/p/e6ee25819d9a