7

寻找或创建一个图表，展示一系列移动/平板设备网页尺寸：

  • 视口尺寸，因此浏览器窗口中的可用尺寸
  • 高度和宽度，因为实际上存在一系列比率
  • 在横向和纵向模式下

    • 目标是识别在一系列设备上有意义的逻辑断点，而不仅仅是苹果产品的确切尺寸......

    （如果你不熟悉响应式网页设计，这里是开始这一切的文章） http://www.alistapart.com/articles/responsive-web-design

    4

    3 回答 3

    3

    这是相当长的移动设备和平板电脑视口尺寸列表。似乎 533 是平板电脑到手机的界限。 http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/

    于 2012-12-29T12:54:29.517 回答
    2

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

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

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

    于 2012-02-15T07:49:50.900 回答
    1

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

    它易于使用，您可以下载 .csv 或 .json 格式的完整文档

    于 2013-12-18T20:41:57.633 回答