Chrome 开发工具 - 如何查看和操作 CSS 媒体查询？

Question

在 Chrome 开发者工具的样式部分，如何显示 @media 查询？我找到的所有内容都在讨论如何使用省略号在窗口中显示媒体查询，但没有关于如何在 Styles 部分中显示 @media 以便我可以在那里使用它。如何让它们显示？

Answer 1

您必须选择将媒体查询作为其 css 一部分的元素/类。如果元素/类没有媒体查询作为其 css 的一部分，则如果不存在，则无法显示。