Css 为什么我的导航div不能扩展到移动设备上屏幕的全宽？

我需要一些CSS专家的故障排除帮助。：）

我的网站www.daylightfoods.com完全可以在桌面浏览器上运行。虽然移动设备上的主页也可以正常工作，但移动设备上的子页面顶部的导航div存在问题。我发现导航div（灰色背景和导航链接）没有扩展到移动设备屏幕的全宽。我不明白为什么，我希望能得到一些帮助

我一直在为iOS（iPhone 5S和iPad）进行谷歌Chrome手机测试

以下是相关页面：

它在桌面版本上可以很好地加载，但在移动设备上，由于某些原因，顶部的导航不是100%全宽

---

任何帮助都将不胜感激

这是由子页面上的

引起的

检查div中是否有未设置“宽度：100%”的隐藏元素

在我的例子中，我有一个隐藏的

img

（设置为仅在大屏幕上显示），它没有“width:100%”属性，因此，即使不可见，图像也会延伸到父容器（div）的外部，阻止父容器占用所有可用的屏幕空间

---

希望有帮助。

您是否有所有必要的前缀，如

-webkit-

，

-moz-

，等等？您是通过托管服务托管还是从您的计算机托管？@Progo-它托管在专业的实时web服务器上。在移动屏幕上使div全宽需要哪些前缀？我刚刚尝试了“宽度：100%；”css代码，认为这会使它扩展到全宽度。非常感谢！这就成功了。先生，你是一位学者和绅士。干杯