Html 在Chrome开发工具中处理媒体查询

我到处找，问题可能是我要找的东西不存在

在更新网站时，我不断地追踪媒体的查询。是否有一种方法可以显示元素的所有媒体查询

我知道我可以将模拟器更改为某个设备，但它不会根据该设备的大小显示该元素的媒体查询

我在想也许有一个设置，但我找不到它

如何使用Google Chrome工具轻松查看影响我在DOM中使用的元素的所有媒体查询

---

您可以，只需按照以下步骤操作：

1-打开chrome网络工具

2-按下模拟器图标

3-按下选项按钮

⋮在页面的右上角（书签栏下的黑色栏中）

4-按“显示媒体查询””

5-在那里可以看到所有媒体断点

6-右键单击所需断点，然后按“在源代码中显示”查看CSS

参考：

为了更好地解释：
你有最新版本的chrome吗？我有最新版本的chrome，我在网上看到过。我没有选择权。我用图片更新了我的问题。但是，是的，你的权利，信息是在线的，这就是为什么我在这里问这个问题。因为它似乎不准确。你的开发工具中有这个选项吗？天哪，你的右边，我没有看到其他菜单。谢谢！嘿，我现在看到了颜色栏，它们是每个查询所在的位置，但它没有显示dom中实际的css查询。如何在inspector中显示该元素的所有查询？右键单击所需的断点并按“在源代码中显示”