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

Question

如果我在chrome检查器中执行@media(min-width: 375px)，只要我尝试进入正文以定义更多规则，就会删除我的代码。

是否可以通过检查器添加@media规则？

Answer 1

看起来样式编辑器面板不支持添加@media规则。但是，您可以通过单击inspector-stylesheet链接在“源”面板中将其打开来解决此问题。然后可以输入您的@media查询，更改将立即反映出来。

之后您可以在“样式”面板中看到它，并内联修改规则和CSS属性。这只是它不支持的初始创作。