所有屏幕尺寸的媒體查詢

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

}