寬度之間的媒體查詢

Question

我想將填充左側更改爲24px在769px和1340px之間，但我當前的媒體查詢不起作用。尋找解決這個問題。

@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 only screen and (min-width: 769px) and (max-width: 1340px) { 
your style here 
} 

Answer 3

請嘗試使用此語法。

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