我到处搜索过,问题可能是我要找的东西不存在。
在更新网站时,我不断地追踪媒体查询。有没有办法显示元素的所有媒体查询?
我知道我可以将模拟器更改为特定设备,但它不会根据该设备大小向我显示该元素的媒体查询?
我想也许有一个设置,但我找不到它。
如何使用 Google Chrome 工具轻松查看影响我在 DOM 中使用的元素的所有媒体查询?
最佳答案
您可以,只需按照以下步骤操作即可:
1- 打开 Chrome 网络工具,
2- 按模拟器图标,
3- 按页面右上角的选项按钮⋮
(位于书签栏下方的黑色栏中),
4- 按“显示媒体查询”,
5-在那里您可以看到所有媒体断点,
6- 右键单击所需的断点,然后按“在源代码中显示”以查看 CSS。
关于html - 在 Chrome 开发工具中使用媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40324287/