CSS导航手机查看
CSS navigation mobile viewing
我的网站在移动浏览器中无法正常工作这里是 link
导航面板未拉伸 100% 未覆盖关于我们部分
在浏览器中查看时请查看并提出解决方案，谢谢。
让我解释一下：
1) 您想避免硬编码边距，因为您永远不知道用户的屏幕尺寸类型。取而代之的是将你的导航定位在带有自动边距的中间，像这样：
nav {
margin-left: auto;
margin-right: auto;
width: 900px;
height: 50px;
font-size: 18px;
font-family: helvetica;
}
2) 您的导航现在尝试适应其父级 div（导航栏），但导航栏没有设置宽度，因此宽度保持在 900 像素。但是您的#maincontain 再次具有 1280px 的硬编码宽度。您的图片的宽度也大于 900 像素，这会将您的页面拉伸到最大尺寸，但导航仍保持 900 像素，因此不会拉伸。
3.1) 简易解决方案：将导航栏设置为：宽度：1280px；
3.2) 正确的解决方案：从你的#maincontain、你的图像和任何其他拉伸屏幕的地方删除硬编码宽度。
3.3) 在很长的运行中，你会很难做出那样的响应式网站，我建议使用http://getbootstrap.com/作为模板，作为它的响应式，或者学习如何使用媒体查询使您的网站响应迅速。
如果有帮助，请UP post 并将其标记为答案！谢谢
我的网站在移动浏览器中无法正常工作这里是 link 导航面板未拉伸 100% 未覆盖关于我们部分 在浏览器中查看时请查看并提出解决方案，谢谢。
让我解释一下：
1) 您想避免硬编码边距，因为您永远不知道用户的屏幕尺寸类型。取而代之的是将你的导航定位在带有自动边距的中间，像这样：
nav {
margin-left: auto;
margin-right: auto;
width: 900px;
height: 50px;
font-size: 18px;
font-family: helvetica;
}
2) 您的导航现在尝试适应其父级 div（导航栏），但导航栏没有设置宽度，因此宽度保持在 900 像素。但是您的#maincontain 再次具有 1280px 的硬编码宽度。您的图片的宽度也大于 900 像素，这会将您的页面拉伸到最大尺寸，但导航仍保持 900 像素，因此不会拉伸。
3.1) 简易解决方案：将导航栏设置为：宽度：1280px；
3.2) 正确的解决方案：从你的#maincontain、你的图像和任何其他拉伸屏幕的地方删除硬编码宽度。
3.3) 在很长的运行中，你会很难做出那样的响应式网站，我建议使用http://getbootstrap.com/作为模板，作为它的响应式，或者学习如何使用媒体查询使您的网站响应迅速。
如果有帮助，请UP post 并将其标记为答案！谢谢