@media查询检查器

Question

我错过了什么吗？因为我尝试使用Chrome devTools，在这里它描述了在哪里/如何访问@media查询Inspector但是我没有看到它应该在哪里...... GOOGLE CHROME DEVTOOLS MEDIA QUERIES INSPECTOR

如果有人建议检查媒体查询，那么也非常感谢。也许这是一个愚蠢的问题而不是“值得”，但我感谢这里的任何帮助（我也可以根据您的要求关闭/删除这个问题）。非常感谢。

Answer 1

默认情况下隐藏查看媒体查询断点。

按下“切换设备工具栏”按钮后处于“响应模式”时，使用查看窗口中的三个垂直点图标菜单（不是devtools窗口）将其打开，然后“显示媒体查询“：

然后，这将为您提供CSS中所有媒体查询的直观表示：

• 左键单击以将设备模拟器的大小调整为该大小
• 右键单击“显示源代码”以跳转到定义它的文件和行

Answer 2

当您打开开发工具时，您需要单击开发工具窗口左上角的一个小按钮以启用响应式测试。