为移动设备定义响应式设计的正确方法是什么。假设我想为 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）