有没有办法最好仅使用 CSS 来防止移动设备上的水平页面滚动？
这是一个例子：http://jsfiddle.net/YfLst/15/
Update:以下代码解决了 iOS 上的问题，但 Android 上的问题仍然存在：
html, body {
overflow-x: hidden !important;
position: relative !important;
}
有不同的方法可以做到这一点：
您可以使用特殊的样式表来定位移动设备
<link rel="stylesheet" media="handheld, only screen and (max-device-width: 320px)" href="phone.css">
并将body宽度设置为100%并overflow-x:hidden，甚至尝试将其绝对定位
body {
width: 100%;
overflow-x: hidden;
position: absolute;
top: 0;
left: 0;
}
in css.
如果“防止水平滚动”意味着您的视口（移动设备屏幕上显示的区域）太窄并且应该更大，则应该在元标记中相应地设置视口宽度
<meta content="width = 999 (for example)" name="viewport">
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
