iPhone Android黑莓CSS屏幕媒體查詢

Question

什麼是iPhone Android和黑莓的所有屏幕CSS媒體查詢？ 是否有這些列表？ 在縱向和橫向。

/* Smartphones (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
{ 
    /* Styles */ 
} 
/* Smartphones (landscape) ----------- */ 
@media only screen 
and (min-width : 321px) 
{ 
    /* Styles */ 
} 
/* Smartphones (portrait) ----------- */ 
@media only screen 
and (max-width : 320px) 
{ 
    /* Styles */ 
} 
/* iPads (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{ 
    /* Styles */ 
} 
/* iPads (landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{ 
    /* Styles */ 
} 
/* iPads (portrait) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
{ 
    /* Styles */ 
} 
/* Desktops and laptops ----------- */ 
@media only screen 
and (min-width : 1224px) 
{ 
    /* Styles */ 
} 
/* Large screens ----------- */ 
@media only screen 
and (min-width : 1824px) 
{ 
    /* Styles */ 
} 
/* iPhone 4 ----------- */ 
@media 
only screen and (-webkit-min-device-pixel-ratio : 1.5), 
only screen and (min-device-pixel-ratio : 1.5) 
{ 
    /* Styles */ 
} 

最終產品面向Android，iPhone和Blackberry平臺，是我最感興趣的。

還有什麼我應該追加？ 或者，也許應將其中一個替換爲？

在此先感謝，同志們！

Answer 1

Here's iOS設備的媒體查詢列表。

對於Android設備，我傾向於針對所有不同的dpi範圍（ldpi，mdpi，hdpi，xhdpi，xxhdpi，xxxhdpi），而不是不同的屏幕尺寸，因爲它們太多了。它們的比例可以在this SO answer中找到。

希望這會有所幫助。