媒体查询在 VS Code 中无法正常工作

Question

`@media(min-width:300px)and(max-width:400px){
    div{
        background-color: pink;
    }
}`

我在学习响应式网站时尝试过这个。但在 VS Code 中这是行不通的。我还检查了 VS Code 中的任何更新，但目前没有更新。

`@media(min-width:300px)and(max-width:400px){
    div{
        background-color: pink;
    }
}`

我想要完成这件事

Answer 1

您应该保留“and”前后的空格，这应该有效：

@media (min-width:300px) and (max-width:400px){
    div{
        background-color: pink;
    }
}