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

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


Warning: Undefined variable $post_id in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 263
百度: 已收录 | 发布日期:2022-06-15 10:41:00 | 浏览:524 次


Warning: Undefined variable $ex_word in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 133

Warning: Undefined variable $case in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 133

Warning: Undefined variable $ex_word in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 134

Warning: Undefined variable $case in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 134

Warning: Undefined variable $case in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 136

Warning: Undefined variable $ex_word in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 138

Warning: Undefined variable $ex_word in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 133

Warning: Undefined variable $case in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 133

Warning: Undefined variable $ex_word in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 134

Warning: Undefined variable $case in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 134

Warning: Undefined variable $case in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 136

Warning: Undefined variable $ex_word in /www/wwwroot/yunfuwuqi.chinazhx.cn/wp-content/themes/lsw_FB6LDT/lsw/functions.php on line 138

手机端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