为移动设备定义响应式设计的正确方法是什么。 让我们假设我想为iPhone 4（960 * 640）制作一般设计。对于常见的android（800 * 480）。
我应该使用媒体查询吗？
@media (max-width: 960px) and (min-width: 640px) //For iPhone landscape
@media (max-width: 640px) //For iPhone portrait
我是否应该考虑到一般的Android设备在800px（横向模式）而不是960px上工作？
因为这对我来说是全新的 - 问题是如何以正确的方式定义CSS？什么是正确的范例？
我应该按照特定尺寸定义它（当我有2个主要CSS用于960px以上和用于炫耀960px时） - 或者我应该为每个设备定义它（iphone或android）