Mobile 手机上的网站不会缩水

我有一个Drupal站点，移动设备上的站点不会缩小。几天前它工作得很好，当我今天登录做更多的工作时，它不再是了。我似乎不明白为什么

我为视口尝试了几个选项，但没有一个能起到作用。这可能是因为我只是看了太久的代码，我只是错过了一些东西

这只是头版：

就主题和其他方面而言，内部页面仍在构建中，所以它们现在都一团糟

最终，该网站将拥有自己的移动主题，但目前我需要这个主题在移动设备上进行适当的扩展。但愿我能弄清楚过去几天发生了什么变化，使它在以前的情况下无法工作

---

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

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

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

您需要添加一些媒体查询 例如

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

您应该考虑为您的站点创建一个移动第一主题，以避免创建多个主题

您还应该考虑实现一个移动菜单，我建议，尽管其中一个脚本的商业使用成本很低

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