媒体查询的推荐尺寸，涵盖平板手机笔记本电脑和台式机

Question

最好的媒体查询尺寸是什么，以确保您最好能够定位平板电脑，手机，笔记本电脑和台式机？

例如：iPhone和Droid的屏幕尺寸为320X480，因此最好确保设计在这些尺寸上看起来不错，因为很多手机都有这么大的尺寸。目标还有哪些其他尺寸？我不是在寻找iphone / ipad尺寸，但总的来说。特别是因为现在有比Android设备更多的Android设备，Android设备往往有这么多不同的尺寸。

@media screen and（max-width：480px）{ / *会针对机器人，iphone 3等的目标。* / }

@media screen and（max-width：320px）{ / *会针对机器人，iphone 3等的目标。* / }

Answer 1

Here是屏幕尺寸的绝佳链接。

就个人而言，由于iPad是FAR最受欢迎的平板电脑设备，因此将中等屏幕尺寸（1024x768）设计为该规格（iPad 2尺寸） - 任何比这更大的尺寸，并且您正在运行到桌面尺寸。

对于智能手机尺寸，我会使用960x640，但如果不是更快的话，明年可能会增加iphone和android。

Answer 2

你可以看看我的http://dev.bowdenweb.com/a/css/media-queries-boilerplate.css，但我从大胆的媒体查询中获取了大部分内容，http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries