为什么导航div不能扩展到移动设备上的整个屏幕宽度? [英] Why does my navigation div not extend to the full width of the screen on mobile devices?

问题描述

我需要一些CSS专家的疑难解答帮助.:)

I need some troubleshooting help from some CSS experts. :)

我的网站www.daylightfoods.com可以在完整的桌面浏览器上完美加载.虽然移动设备上的主页也能正常工作，但移动设备上的子页面顶部的导航div出现问题.我发现导航div(灰色背景和导航链接所在)没有扩展到移动设备屏幕的整个宽度.我不知道为什么，并希望获得帮助！

My website at www.daylightfoods.com loads perfectly on full desktop browsers. While the home page on mobile devices works as well, the sub pages on mobile devices have a problem with the navigation div at the top. I am finding that the navigation div (where the grey background is and the navigation links) is not expanding to the full width of the mobile device screen. I can't figure out why, and would love some help!

我一直在进行iOS版Google Chrome浏览器(iPhone 5S和iPad)的移动测试.

I have been doing my mobile testing Google Chrome for iOS (both iPhone 5S and iPad).

这是有问题的页面: http://www.daylightfoods.com/sustainability/

它在桌面版本上的加载效果非常好，但在移动设备上，由于某种原因，顶部导航的宽度不足100％.

It loads perfectly well on desktop versions, but on mobile devices the navigation at the top for some reason is not full 100% width.

任何帮助将不胜感激！

推荐答案

这是由子页面上的<元名称="viewport" content ="width = device-width"> 引起的

It is caused by <meta name="viewport" content="width=device-width"> on your subpages

这篇关于为什么导航div不能扩展到移动设备上的整个屏幕宽度?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！