什么是大型桌面的媒体查询？

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 */ 
}