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

Question

什么是最好的媒体查询尺寸，以确保您尽可能以平板电脑，手机，笔记本电脑和台式机为目标？

例如：iPhone和Droid的屏幕尺寸为320X480，因此确保设计看起来不错，因为很多手机都有这种尺寸。其他尺寸还有什么好处？我不是看iphone或ipad尺寸，而是一般。特别是因为现在有更多的Android设备比iOS设备更多，并且Android设备的尺寸往往是这么多。

@media屏幕和（最大宽度：480像素）{ /*将目标风景的机器人，iphone 3等*/ }

@media屏幕和（最大宽度：320像素） { /*将目标肖像的机器人，iphone 3等* /}

Answer 1

你可以看看我的，http://dev.bowdenweb.com/a/css/media-queries-boilerplate.css但我选择了其中大部分来自煮媒体查询，http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries

Answer 2

Here是一个伟大的链接到屏幕尺寸秒。个人而言，由于iPad是FAR最受欢迎的平板设备，因此设计出符合该规格（iPad 2尺寸）的中等屏幕尺寸（1024x768） - 任何尺寸都可以比这更大，并且您可以使用桌面尺寸。

对于智能手机的尺寸，我会与960x640一起使用，尽管如果不是更早的话，在明年可能会增加iphone和android。