如何以正確的方式使用移動設備的CSS？

Question

什麼是爲移動設備定義響應式設計的正確方法。 我們假設我想爲普通Android（800 * 480）的iPhone 4（960 * 640）&進行一般設計。

我應該使用媒體查詢嗎？

@media (max-width: 960px) and (min-width: 640px) //For iPhone landscape 
@media (max-width: 640px) //For iPhone portrait 

我應該考慮一般的Android設備工作在800像素（橫向模式）而不是960像素？

由於這對我來說都是新手 - 問題是如何以正確的方式定義CSS？什麼是正確的範式？

我應該把它定義每一個特定尺寸（當我有bleow 960像素以上960像素& 2主CSS） - 或我應該把它定義每設備（iPhone或Android）

Answer 1

列表除了具有好的article就可以了。

向下滾動到那裏說：

這些不是你要找的