Css 该站点在移动设备中没有响应，但在调整大小时响应

我使用css媒体查询使网页（当前未发布）具有响应性。然而，在Chrome Inspector移动设备模式下，该站点没有响应。但是，如果我实际调整浏览器窗口的大小，它会响应

媒体查询以如下方式开始：

@media screen and (max-width: 767px) {}

将此信息放入页面的

：

viewport meta标记简化了一些操作，引导浏览器以某种方式运行，而不是浏览器试图估计页面的正确显示方式。正如您所发现的，拥有CSS断点可能还不够——对于某些设计和浏览器来说，这很好，但这取决于浏览器

---

width=device width

使用一个自定义值（

device width

），听起来就是这个值——将此视口的宽度设置为设备的宽度<代码>初始比例的意思类似于将缩放设置为100%。因此，一起使用：让视口与设备一样宽，不要放大或缩小。

谢谢。我是个新手。你能告诉我为什么会这样吗？我以前设计过其他东西，但没有使用它，而且在没有它的情况下也能正常工作。虽然这是我第一次使用Wordpress/php进行设计。@auto绝对。编辑答案。与WP/PHP无关，但由于上述原因可能会有所不同。@auto非常欢迎您。如果答案符合标准，请不要忘记将其标记为已接受。我尝试了这个方法，该网站现在显示在手机上，但这会导致其他问题。现在导航并不是一直在顶部，有时导航或主体对于页面来说太宽了。知道为什么会这样吗？@auto没有看到更多的代码。很可能是另一个问题。