如何确定自适应网页设计常用设备的常见视口尺寸（不是屏幕尺寸）？

Question

寻找或创建展示各种移动设备/平板电脑设备网页尺寸的图表：

   

视口尺寸，浏览器窗口中的可用尺寸

   

高度和宽度，因为实际上有一系列比率

   

在横向和纵向模式中

目标是确定在各种设备上有意义的逻辑断点，而不仅仅是Apple产品的确切尺寸......

（如果您不熟悉响应式网页设计，那么这篇文章就是开始的） http://www.alistapart.com/articles/responsive-web-design

Answer 1

以下是移动设备和平板电脑视口尺寸的相当长的列表。看起来533是平板电脑到移动设备的切入点。 http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/

Answer 2

我研究过在http://mediaqueri.es/使用自适应网页设计的网站。

这里似乎没有明确的数字。我想原因是它在很大程度上取决于页面在不同设备上的实际外观。

编辑： Twitter Bootstrap的文档有视口尺寸的指南，请参阅http://twitter.github.com/bootstrap/scaffolding.html#responsive

Answer 3

对我来说，最完整的资源是http://viewportsizes.com/

它易于使用，您可以下载.csv或.json

中的完整文档