所有屏幕尺寸的媒体查询

Question

从大型桌面屏幕移动到小型移动设备：我们应该使用哪些媒体查询？

我对此有点困惑。我试图让这显然

/*Small Desktop*/ 

@media (max-width:1920px){ 

} 

Answer 1

@media查询只适用于在设备的屏幕符合某些规定的标准标准的CSS（高度，宽度和像素比例;主要）

最好的资源我已经找到了媒体的质疑是https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

这里是梦幻般的工作，有一个片段：

/* ----------- iPad mini ----------- */ 

/* Portrait and Landscape */ 
@media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 1) { 

} 

/* Portrait */ 
@media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1) { 

} 

/* Landscape */ 
@media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1) { 

}