【发布时间】：2018-10-24 11:48:30
【问题描述】：
我正在使用 css 媒体查询来使网页（当前未发布）响应。但是，在 Chrome Inspector 移动设备模式下，站点没有响应。但是，如果我在物理上调整浏览器窗口的大小，它就会响应。
媒体查询开始如下：
@media screen and (max-width: 767px) {}
【问题讨论】：
标签： css responsive-design media-queries
【发布时间】：2018-10-24 11:48:30
【问题描述】：
把这个放在你页面的<head>：
<meta name="viewport" content="width=device-width, initial-scale=1">
视口元标记简化了pretty dicy 的内容，指示浏览器以某种方式运行，而不是浏览器试图估计显示页面的正确方式是什么。正如您所发现的，拥有 CSS 断点可能还不够——对于某些设计和浏览器来说，这很好，但这取决于浏览器。
width=device-width 使用自定义值 (device-width)，这听起来像 - 将此视口的宽度设置为设备的宽度。 initial-scale 表示将缩放设置为 100%。所以，一起：让视口和设备一样宽，不要放大或缩小。
【讨论】：
-
谢谢。我是开发新手。你能告诉我为什么会这样吗？我之前没有使用它设计过其他东西，没有它也可以工作。虽然这是我第一次使用 Wordpress/php 进行设计。
-
@auto 绝对。编辑答案。与 WP/PHP 无关，但可能因上述原因而有所不同。
-
@auto 不客气。不要忘记将答案标记为已接受。
-
我试过了，该网站现在显示在移动设备上，但它引起了其他问题。现在导航不会一直停留在顶部，有时导航或正文对于页面来说太宽了。知道为什么会这样吗？
-
@auto 并非没有看到更多代码。并且很可能是在不同的问题中。