手机端页面左右滑动的解决方法 |
您所在的位置:网站首页 › 苹果手机怎么左右滑动页面 › 手机端页面左右滑动的解决方法 |
2019独角兽企业重金招聘Python工程师标准>>> 最近在做手机端,本来已经写好了页面,但是在手机上测试的时候,发现页面左右可以滑动,在网上找的都有点不全,先积累下来方便以后查看,如果有需要你可以收藏,可以有以下几种解决方式: 写meta标签:上述是设置了手机移动端视图属性,设置width是设备的实际宽度,默认缩放比例是一比一,不允许用户缩放。 如果上述没有解决,就需要看一下你页面中的一些盒子的css样式中,盒子大小是不是设置的超过了屏幕本身的大小,需要你修改css样式如果上述检查过程中页面布局什么的都没有问题,PC端页面也可以直接给body添加样式overflow-x:hidden来解决。IE6、7下不会生效,需要给html增加overflow:hidden属性。如果是移动端,就需要去除遮罩层和按钮层的touchmove的默认事件,代码在下面: $('.box,#bg').bind("touchmove",function(e){ e.preventDefault(); }); /*#bg为透明度为0.6的一个遮罩页面,.box为遮罩层上的按钮。*/ 有时候还是改不了,后来发现是在body上加了(min-width:1200px),真的找了好久。各位路过的大神们,如果还有别的解决方案,记得及时留言哈,多谢啦! |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |