0
点赞
收藏
分享

微信扫一扫

安卓和ios css简单解决 手机端左右晃动的问题

以沫的窝 2021-09-19 阅读 42

添加样式:

   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;

}

大家如果遇到这个问题,可以试试

举报

相关推荐

0 条评论