大きなサイズのメディアクエリを設定する

Question

メディアクエリを理解しようとしていて、13インチ以上の画面にCSS値を設定したい

これは正しい構文ですか？

@media all and (min-width : 992px) { 
    .myElement{ 
     width: 100px; 
    } 

または

@media all and (@screen-md-min) { 
    .myElement{ 
     width: 200px; 
    } 

ここでの違いは何ですか？

Answer 1

解像度と品質によって異なります。 72 PPI（ピクセル/インチ）スクリーン（平均解像度）の場合、13インチは72×13 = 936ピクセルに等しい。唯一の13" よりも幅の広い画面のスタイルを適用するmin-width少し増やすしかし、再び、これは、画面の解像度と品質に依存

：

@media screen and (min-width: 936px) { 
    .myElement { 
    width: 200px; 
    } 
} 

編集：したがって、あなたが使用する構文は次のとおりです。