如何正确使用移动端CSS？
定义移动设备响应式设计的正确方法是什么？ 假设我想为 iPhone 4 (960*640) 和 iPhone 4 (960*640) 做一个通用设计。对于普通安卓（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）定义它
What is the right way to define responsive design for mobile devices.
let's assume that I want to make a general design for iPhone 4 (960*640) & for the common android (800 * 480).
Should I use media queries?
@media (max-width: 960px) and (min-width: 640px) //For iPhone landscape
@media (max-width: 640px) //For iPhone portrait
and should I take to consideration that the general android devices work on 800px (in landscape mode) and not 960px?
Since this is all new to me - the question is how to define CSS in the right way? What is the right paradigma?
Should I define it per a specific size (when I have 2 main CSS for above 960px & for bleow 960px) - or Should I define it per device (iphone or android)
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
A List Apart 有一篇关于此的很好的文章。
向下滚动到显示以下内容的位置：
A List Apart has a good article on this.
Scroll down to where it says: