我正在尝试制作我的网站的移动版本，但遇到了一个问题：
整个网站适合计算机（示例浏览器宽度为480px），但在我的手机上查看时，无论使用何种浏览器，都会在右侧留出空间。所以整个网站看起来不错，但你可以滚动“离开网站”。
我首先尝试禁用水平滚动，所以我包含了这一行：
<meta name="viewport" content="width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no" />
要禁用右侧的（仍可滚动的！）空间，我将其添加到我的“mobile.css”： 它适用于计算机，但不适用于我的手机。
body{
width: 100%;
overflow-x: hidden;
}
我在以下移动浏览器上测试了该网站：
我原本想避免使用Javascript，但如果有javascript解决方案，请随时发布！
答案 0 :(得分：1)
如果您希望您的布局适合移动设备，最好从一开始就考虑这一点。因此，例如，如果要在元素上设置固定宽度（我不建议这样做），例如 -
#back-menu-left {with: 500px;}
你需要问自己在小屏幕上会发生什么。因此，要么不设置该宽度，要么立即编写@media规则以在较小的屏幕上覆盖它。
（我没有检查你的其余代码，只是在我找到一个超大元素时停止。最好检查一下，看看是否有其他类似的超宽元素。）