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

Question

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

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

Answer 1

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

因此,您可以在"样式"面板中看到它,并在线修改规则和CSS属性.它只是它不支持的初始创建.