ターゲット特定の解像度と適用するCSS

Question

特定の解像度1600x900をターゲットにして、それにCSSだけを適用したいと思います。私はこの

@media only screen and (min-width:1899px) { 
    .up { margin-top: -5%;} 
} 

を試してみましたそしてこの

@media screen and (max-width: 1900px) and (min-width: 1900px) { 
    .up { margin-top: -5%;} 
} 

は動作しません。どちらも、私はコンソールでそれらを表示されません。これを行う他の方法はありますか？

Answer 1

widthを使用すると、特定のビューポートの幅を指定できます。

@media (width: 1600px) { 
    .up { margin-top: -5%;} 
} 

Answer 2

解像度の値を変更しています。

@media screen and (min-width: 1600px) { 
    .up { 
     background-color: lightgreen; 
    } 
} 

あなたは1600px使用上の解像度にスタイルを適用したくない場合は、次の

@media screen and (width: 1600px) { 
     .up { 
      background-color: lightgreen; 
     } 
    }