大型デスクトップのメディアクエリとは何ですか？

Question

通常のデスクトップ画面でメディアクエリを使用しています。大きな画面にはidtを適用しないでください。しかし、メディアのクエリの下にも大きなデスクトップ画面に適用されます。私のメディアクエリを修正してください。

@media (min-width: 992px) and (max-width : 1200px){//This should work for Normal desktops(15 to 18 inch) only. 
} 

Answer 1

大規模ディスプレイの最適化の課題は、コンテンツをどのようにスケーリングして管理するかにあります。 特定のポイントで画面の幅を想定する必要があります。

例：クラスの "コンテナ"

@media screen and (min-width: 1400px) { 
    .container { 
    width: 1370px; 
    } 
} 
@media screen and (min-width: 1600px) { 
    .container { 
    width: 1570px; 
    } 
} 
@media screen and (min-width: 1900px) { 
    .container { 
    width: 1870px; 
    } 
} 

Answer 2

あなたはCSSで大画面をターゲットにしたいならば、あなたは大規模な解決のために幅の基準 を定義する必要があります。私はあなたが4kの画面メディアクエリで

@media (min-width: 2000) { 
    } 

をターゲットにしたい場合は、CSSを使用して画面サイズを対象とする場合、画面の解像度が画面size.Andのために考えられている、あなたは画面解像度の範囲を対象としなければならないわけ。

Answer 3

また、ここでは、 "大" のあなたの定義は何であるこれらの

@media only screen and (min-width : 1224px) { 
/* Styles */ 
} 


@media only screen and (min-width : 1824px) { 
/* Styles */ 
}