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