当前位置:首页 >>wordpress使用教程 > 正文

手机端ios访问网站左右晃动怎么解决(为什么苹果主页面会晃动)

百度: 已收录 | 发布日期:2022-06-15 10:41:00 | 浏览:42 次

手机端ios访问网站左右晃动怎么解决,现在做网站都需要自适应,就是手机ipad电脑都能适应,那么导致我们在做适应的适合会出现一些问题,今天卡卡哥就遇到一个问题,其他的手机端打开都是正常的,但是ios苹果系统访问就不行,老是左右晃动,这个对于用户体验不好,那么我们应该解决去解决?

手机端ios访问网站左右晃动怎么解决

1、看看是哪个页面晃动

卡卡哥是首页和文章页面打开都正常,这里我们头部和底部都是直接公用的,那么这里我们能看出来,头部和底部是没有问题,问题就出现在中间。

2、找到晃动页面我们去解决它

我们现在已经找到中间部位晃动,那么我们就看看这个图片,在手机适应的时候是不是尺寸比较宽导致,结果查看原来还真是的。我们把尺寸减小一点,卡卡哥这里是100%,我们变动98%,结果完美解决了。

3、把下面的代码粘贴到你的css里面

这个是做适应时候直接清楚padding: 0;和margin: 0;这个。

{
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;
}

大家把这段代码直接保存粘贴到你的css里面,然后再打开晃动的页面试试。前提是你的适应都做好了,不要有长短不一的地方。

99%的人还阅读了:

版权声明:本文由作者:卡卡哥服务器教程网 原创创作,本站内容不允许转载,如发现转载必追究法律责任!! 本文链接:https://yunfuwuqi.chinahzx.cn/wordpress/208.html