阅读 212

安卓和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

文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐