手机有标准的网页分辨率吗？答案

【问题标题】：Is there a standard webpage resolution for mobile phones?手机有标准的网页分辨率吗？
【发布时间】：2010-03-02 15:34:12
【问题描述】：

大多数设计师使用 1024x768 作为网站开发的基准。这使他们可以使用 960 和蓝图等 CSS 网格系统轻松勾勒内容。是否有类似的手机设计基准分辨率？

大部分用户将使用 iphone、android 和 blackberry 手机。

【问题讨论】：

【解决方案1】：

320 x 480 是新移动设备的常见屏幕分辨率。

也就是说，如果您想支持大多数移动设备，您可能希望支持多种分辨率。

【讨论】：

这些值是最新的吗？两年后？
@OlivierPons 我不会猜。
自从这篇文章最初发布以来，移动世界已经爆炸式增长，为我们提供了大量的屏幕尺寸。可以理解，有大量尺寸可供构建，但有谁知道当今最最常被观看的或中值屏幕尺寸？
据我所知，即使是高清手机屏幕实际上也会以 320x480px 显示网站，除非用户启用了无缩放和类似选项（默认情况下未启用）。如果您假设屏幕尺寸等于设备的像素分辨率，您会得到令人惊讶的效果。
我会担心设备宽度，考虑到 320 仍然被接受，360 也是（320 是截至此评论的所有 iphone 的宽度，包括 iphone 5，360 是一些标准像三星手机）作为附加说明，android 文档会不断更新，因此上述关于 android 显示指标的链接永远不会过时

【解决方案2】：

This website 非常方便。各种设备及其屏幕规格的最新数据库。

【讨论】：

您还可以使用 quirktools 页面 quirktools.com/screenfly 测试网站的外观，它具有一些默认屏幕分辨率，但您也可以使用自定义屏幕分辨率。如果您将此处测试媒体查询的机会与@luke 发布的设备信息结合起来，我们可以获得非常干净的最终结果:)
嗯，screensiz.es 网站是最新的，但似乎已经过时了。那里没有新手机。

【解决方案3】：

如果您使用的是 apache ApacheMobileFilter 可以帮助确定实际的设备屏幕尺寸

【讨论】：

【解决方案4】：

你可以

对于 android、iphone 和 blackerry 设备，屏幕尺寸没有太大差异。只要有一点远见和设计，您就可以让所有这些手机在一个移动网站上运行（例如，可以公平地说宽度为 240 像素或更大，并进行相应的设计）

但是，如果您打算在这些平台上走得更远，那么等待您的是一个痛苦的世界，（J2ME、BREW、Symbian、WinMo 和 120x160、176x220 屏幕尺寸等）

【讨论】：

【解决方案5】：

我发现https://www.mydevice.io/#compare-devices 是确定此类事情的最佳网站。我一直在寻找相同的东西，并通过 Google 搜索找到了这个问题，但上面提到的大多数其他网站都给你 设备像素，而不是 CSS/JS 像素，这是Web 开发中真正重要的一切。

当然，iPhone 8 Plus 的最窄轴上可能有 1080 个实际像素，但这与当前的主题完全无关，因为这些像素比您的高清电视小得多例如。我想测量与浏览器实际呈现移动网站的方式相关的显示宽度，mydevice.io 为您提供了这一点，以及物理尺寸。赢赢！ ;-)

【讨论】：

【解决方案6】：

简单地说，不。

有太多不同屏幕的设备无法假设一个共同的分辨率。虽然可以在许多设备上找到 320 x 480 可能是真的，但这绝不是“常见的”。您必须使用灵活的设计原则，然后使用媒体查询或 js 检测来添加一个类以将您的显示调整到适当的尺寸。这就是目前移动设备如此难以解决的部分原因。

【讨论】：

【解决方案7】：

是的，响应式网页设计尺寸有 1024 x 960 x 800 x 768 x 640 x 480 x 360 - 最好使用百分比来避免这种情况

【讨论】：

【解决方案8】：

我为移动设备编写游戏。在我的代码中，我按百分比定位所有内容，因为它总是相同的，另外我还使用 var 来调整它们有多少像素，然后设置我的分辨率以适应你可以用 css做几乎相同的事情> 以及您的资源中的一些不同的图像尺寸。

【讨论】：