我有一个Drupal网站,其中移动网站并没有缩小。几天前工作正常,当我今天登录做更多的工作时,它已经不复存在了。我似乎无法弄明白为什么。
我已经为视口尝试了几个选项,但没有一个选项有所作为。我可能只是看了这段代码的时间太长而且我只是遗漏了一些东西。
它只是首页:http://inv3nt.tgci.com/home
内部页面仍在建设中,就主题而言,所以他们现在都搞砸了。
最终该网站将获得自己的移动主题,但现在我需要这个在移动设备上适当缩放。希望我能弄清楚过去几天发生了什么变化,以使它在以前不起作用。
感谢您提供任何帮助。 :)
答案 0 :(得分:0)
看起来你没有响应主题,你还在页面包装上设置了一个最小宽度,这意味着页面不能小于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,但其中一个脚本的商业用途费用很小