如何通过Chrome检查器添加@media查询？

Question

如果我在铬检查器中做@media(min-width: 375px)，它会在我尝试输入正文以定义更多规则时立即删除我的代码。

是否有可能通过检查添加@media规则？

Answer 1

看起来好像样式编辑器面板不支持添加@media规则。但是，您可以点击inspector-stylesheet链接在“来源”面板中打开它。然后可以输入您的@media查询，这些更改将立即反映出来。

你可以因此看到它的样式面板之后和内联修改规则和CSS属性。这只是它不支持的初始创建。