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

Question

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



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

Answer 1

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





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