我目前正在 www.kylehoard.com 上工作(已经上线)。在我的桌面 (macbook air 13) 上，响应式导航菜单正常工作，Smoothdivscroll(处理图片库的 jQuery 插件，位于此处 http://smoothdivscroll.com )看起来正常。
包含图像的 div 应为 100% 宽度，图像应可水平滚动(它们在桌面版本上正常工作)。
在我的手机(iPhone 6、evo 4g lte)上，包含图像的 div 超出了视口(viewport)。您可以手动横向滚动，而不是手机的 100% 宽度。因此，页面的宽度比应有的要长，所以响应式菜单不会显示。
我知道 javascript/jquery 正在运行，因为它们在桌面上运行并且插件最初确实加载(只是不正确)。
我在 html 页面的 head 标签内添加了 meta viewport 标签。
我已将其缩小为平滑滚动 div，但我很困惑为什么问题只发生在移动设备上而不是桌面上。
最佳答案
从您的问题中不清楚您是如何将问题的根源缩小到 smoothdivscroll 包的。如果您提供有关该主题的更多信息，可能会有所帮助。
无论如何，您可能会发现使用 <meta viewport ../> 很有用。标签，它有助于在具有不同形状因素的屏幕上进行缩放。它对于设计在移动设备上正确显示的响应式页面特别有用。
我建议您设置视口(viewport)并告诉我们发生了什么。对于初学者，试试这个:
<meta name="viewport" content="width=device-width, initial-scale=1">
如需进一步阅读，请参阅 Google's recommendations for setting viewport for mobile-ready pages和 Mozilla's guide to configuring the viewport .
关于javascript - Java Script 在桌面上正常工作(没有水平滚动)，但在移动设备上远远超出了视口(viewport)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26457215/