幅のメディアクエリ

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; 
 
    } 
 
}