android - 如何以正确的方式为移动设备使用 CSS？

Question

为移动设备定义响应式设计的正确方法是什么。假设我想为 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 设备在 800 像素(横向模式下)而不是 960 像素下工作？

因为这对我来说是全新的 - 问题是如何以正确的方式定义 CSS？什么是正确的范例？

我应该根据特定尺寸定义它(当我有 2 个主 CSS 用于 960px 以上和 bleow 960px 时) - 或者我应该根据设备(iphone 或 android)定义它

Answer 1

A List Apart 有一个很好的 article对此。

向下滚动到它说的地方:

These aren’t the style sheets you’re looking for