在 Chrome 开发工具中使用媒体查询
wun*_*uno 2 html css google-chrome google-chrome-devtools
我到处搜索，问题可能是我要找的东西不存在。
在更新网站时，我一直在追查媒体查询。有没有办法显示元素的所有媒体查询？
我知道我可以将模拟器更改为某个设备，但它没有根据该设备大小向我显示该元素的媒体查询？
我在想也许有一个设置，但我找不到它。
如何使用 Google Chrome 工具轻松查看影响我在 DOM 中使用的元素的所有媒体查询？
您可以，只需按照以下步骤操作：
1- 打开 chrome网络工具，
2-按下模拟器图标，
3-按选项按钮?在很右上角的页面（下书签栏中的黑条），
4- 按“显示媒体查询”，
5- 在那里你可以看到所有的媒体断点，
6-右键单击所需的断点，然后按“在源代码中显示”以查看 CSS。
参考：https : //developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports#media-queries
为了更好的解释：
| 归档时间： |
|
| 查看次数： |
1472 次 |
| 最近记录： |