导航栏不会以智能手机设备为中心

Question

我遇到问题的网站是Bristol Plumber 247，如果你在桌面或笔记本电脑上访问这个网站，导航栏是完美的，但是当我使用我的iphone时它会掉到底下。

*我无法发布图片，因为我在这个网站上没有10个声望我很高兴通过电子邮件或只是访问移动设备，你会看到我的意思。

我看看CSS并将几乎每个宽度设置为100％并将Margin设置为0 auto;我看起来和看了代码，并想知道是否有人会看到我的代码，告诉我哪里出错了。我正在把头发拉出来。

Answer 1

尝试根据CSS媒体屏幕设置包装器，如：

@media screen and (max-width: 1240px) {
  .wrapper { width:1100px; }
}
@media screen and (max-width: 1140px) {
  .wrapper { width:980px; }
}
@media screen and (max-width: 1024px) {
  .wrapper { width:100%; }
}

这应该有用。