手机端页面左右滑动的解决方法
-
写meta标签：
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
上述是设置了手机移动端视图属性，设置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),真的找了好久。
各位路过的大神们，如果还有别的解决方案，记得及时留言哈，多谢啦！
写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),真的找了好久。 各位路过的大神们，如果还有别的解决方案，记得及时留言哈，多谢啦！
上一篇：
IDEA上Java项目控制台中文乱码