我需要一些CSS专家的一些故障排除帮助。 ：）
我的网站www.daylightfoods.com在完整的桌面浏览器上完美加载。虽然移动设备上的主页也可以正常工作，但移动设备上的子页面顶部的导航div存在问题。我发现导航div（灰色背景和导航链接）没有扩展到移动设备屏幕的整个宽度。我无法弄明白为什么，并希望得到一些帮助！
我一直在使用谷歌Chrome for iOS（iPhone 5S和iPad）进行移动测试。
以下是相关网页： http://www.daylightfoods.com/sustainability/
它在桌面版本上运行得非常好，但在移动设备上，由于某种原因导致顶部的导航不是100％宽度。
非常感谢任何帮助！
答案 0 :(得分：-1)
这是由子页面上的<meta name="viewport" content="width=device-width">引起的
答案 1 :(得分：-1)
检查div内部是否有任何未设置“width：100％”的隐藏元素。
在我的情况下，我有一个隐藏的img（设置为仅在大屏幕上显示）没有“宽度：100％”属性，因此，即使不可见，图像也是延伸到父容器（div）之外，阻止父容器占用所有可用的屏幕空间。
希望它有所帮助。