Html 元视口打破了责任（使一切变得非常小）

我有wordpress博客：我想在上面修复移动设备的响应性。 如果没有元视口，它看起来非常好。我唯一想修正的是，使标题100%，内容在右边有一个边距。但不能这样做，因为CSS媒体查询不受尊重。我添加了调试：

@media (max-width: 600px) {
    #header-bottom {background: pink !important}
}

当我使用

时，布局被“缩小”，看起来很糟糕，但媒体查询得到了尊重

---

任何人都知道如何在启用了元视口的情况下使其正确显示，这样媒体查询就可以工作，但没有那种难看的缩小效果吗？

看起来它的工作方式应该是

，但是我不得不调整媒体查询的一些样式。

您的

#页脚内容

使用960px而不是100%。您的

#footer-content2-left

和

#footer-content2-right

也使用固定宽度