Javascript 网站的移动版没有'；不能水平安装

我正在尝试制作我的网站的移动版本，但遇到了一个问题：

整个网站都可以在电脑上正常运行（例如浏览器宽度为480px），但在我的手机上查看时，会在右侧留出空间（无论我使用的是什么浏览器）。因此，整个网站看起来不错，但你可以滚动“出网站”

我第一次尝试禁用水平滚动，因此我包括以下行：

<meta name="viewport" content="width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no" />

• 我的网站可在以下位置访问：
• 我的mobile.css文件位于以下位置：

我已经在以下移动浏览器上测试了该网站：

• 谷歌浏览器
• 海豚
• 默认的android浏览器

---

我本来想避免使用Javascript，但如果有Javascript解决方案，请毫不犹豫地发布它

如果你想让你的布局便于移动，最好从一开始就考虑这个问题。例如，如果要在元素上设置固定宽度（我不建议这样），例如-

#back-menu-left {with: 500px;}

你需要问问自己，在小屏幕上会发生什么。因此，要么不设置该宽度，要么立即编写

@media

规则，在较小的屏幕上覆盖该宽度

---

（我没有检查代码的其余部分，只是在发现一个过大的元素时停了下来。最好检查一下是否还有其他类似的越界元素。）

无论您提出什么解决方案，请不要禁用滚动、缩放或平移。这些是内置于各种平台的可用性功能，非常有用，特别是对于视力不太好的用户。谢谢你提到，我还没有想到这一点。唯一的问题是，我不确定是否有一个不禁用水平滚动的可能解决方案（仅适用于移动版本）。我真的不喜欢禁用内置功能的网页，因此需要提醒非常感谢你！我读了太多关于在移动网站和元视口上禁用滚动的文章，以至于我完全忘记了@media screen！我明天会尝试一下。将@media only屏幕和（最小设备宽度：481px）添加到我的主css文件（不是移动文件）中，我就成功了。

#back-menu-left {with: 500px;}