手机上的网站没有缩小

Question

我有一个Drupal网站，其中移动网站并没有缩小。几天前工作正常，当我今天登录做更多的工作时，它已经不复存在了。我似乎无法弄明白为什么。

我已经为视口尝试了几个选项，但没有一个选项有所作为。我可能只是看了这段代码的时间太长而且我只是遗漏了一些东西。

它只是首页：http://inv3nt.tgci.com/home

内部页面仍在建设中，就主题而言，所以他们现在都搞砸了。

最终该网站将获得自己的移动主题，但现在我需要这个在移动设备上适当缩放。希望我能弄清楚过去几天发生了什么变化，以使它在以前不起作用。

感谢您提供任何帮助。 ：）

Answer 1

看起来你没有响应主题，你还在页面包装上设置了一个最小宽度，这意味着页面不能小于1200px

#wrapper {
  min-width: 1200px;
}
#main-content {
  width: 1200px;
}

您需要添加一些媒体查询http://www.w3schools.com/cssref/css3_pr_mediaquery.asp 例如

@media screen and (max-width: 1200px) {
  #wrapper {
    min-width: 100%;
  }
  #main-content {
    width: 100%;
  }
}

您还需要修复其他问题，例如标题以及您有2个或4个列元素的位置。

您应该考虑为您的网站创建移动优先主题，以避免创建多个主题。

您还应该考虑实施移动菜单，我建议使用https://www.drupal.org/project/responsive_menu，但其中一个脚本的商业用途费用很小