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

}

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容