元视口打破了责任（使一切变得很小）
Meta viewport breaks responsibility (makes everything very small)
我有 wordpress 博客：https://blog.sznapka.pl，我想在其中修复移动设备的响应能力。
没有元视口，它看起来还不错。我唯一想修复的是，使 header 100% 和内容在右边有边距。但不能那样做，因为 CSS 媒体查询不受尊重。我添加了调试：
@media (max-width: 600px) {
#header-bottom {background: pink !important}
}
当我使用 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 时，布局是“zoomed-out”，看起来很糟糕，但媒体查询得到了尊重。
任何人都知道如何在启用元视口的情况下使其正确显示，这样媒体查询就可以工作但又不会那么丑 zoom-out?
看起来像它应该的那样工作<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> 但是我不得不用媒体查询调整一些样式。
您的 #footer #footer-content 使用 960px 而不是 100%。您的 #footer-content2-left 和 #footer-content2-right 也使用固定宽度。
我有 wordpress 博客：https://blog.sznapka.pl，我想在其中修复移动设备的响应能力。 没有元视口，它看起来还不错。我唯一想修复的是，使 header 100% 和内容在右边有边距。但不能那样做，因为 CSS 媒体查询不受尊重。我添加了调试：
@media (max-width: 600px) {
#header-bottom {background: pink !important}
}
当我使用 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 时，布局是“zoomed-out”，看起来很糟糕，但媒体查询得到了尊重。
任何人都知道如何在启用元视口的情况下使其正确显示，这样媒体查询就可以工作但又不会那么丑 zoom-out?
看起来像它应该的那样工作<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> 但是我不得不用媒体查询调整一些样式。
您的 #footer #footer-content 使用 960px 而不是 100%。您的 #footer-content2-left 和 #footer-content2-right 也使用固定宽度。