@media查询代码

Question

可以这样做吗？

.col是主要部分。

如果我从1142px以上调整到1141px，我希望.col消失。

如果我调整大小，我可以看到.kaartmw，但.col不会消失。

如果我从较少的1141pxpx调整到1142px以上，.kaartmw将会像我想要的那样消失。

使用此代码无法完成。

问题是为什么？

请注意，我更改了最大宽度和最小宽度

/* MEDIA QUERY 1142px*/
@media screen and (min-width:1142px){
    .kaartmw {
        display: none;
    }

/* MEDIA QUERY 1142px*/
@media screen and (max-width:1141px){
    .col {
        display: none;
    }

Answer 1

您忘记了}关闭每个媒体查询部分。

A validator是检测此类问题的有用工具。