什麼是大型桌面的媒體查詢？

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) { 
    } 

在媒體查詢，屏幕分辨率被認爲是屏幕size.And當你使用CSS目標屏幕尺寸，你必須針對屏幕分辨率範圍。

Answer 3

你也可以嘗試這些

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


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