如何以正确的方式使用移动设备的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就可以了。

向下滚动到那里说：

这些不是你要找的