宽度之间的媒体查询

Question

我想在769px和1340px之间将填充左侧更改为24px，但我当前的媒体查询无法正常工作。希望解决此问题。

@media(min-width:1340px){
    .target-side-col li{
        padding-left:60px;
    }
}

@media(min-width:769px && max-width:1340px){
    .target-side-col li{
        padding-left:24px;
    }
}

Answer 1

正确的语法是：

 @media (min-width: 769px) and (max-width: 1340px) {
         .target-side-col li{
                padding-left:24px;
          }

    }

Answer 2

尝试使用此语法。

@media screen and (max-width: 1340px) and (min-width: 769px) {
.target-side-col li{
 padding-left:24px;
    }
}

Answer 3

使用媒体查询的正确方法如下。

@media only screen and (min-width: 769px) and (max-width: 1340px) {
your style here
}