手机有标准的网页分辨率吗?

时间:2010-03-02 15:34:12

标签: mobile resolution

大多数设计师使用1024x768作为网站开发的基准。这允许他们使用css网格系统,如960&蓝图轻松勾勒出内容。手机设计的基线分辨率是否相似?

大多数用户将使用iphone,Android和黑莓手机。

8 个答案:

答案 0 :(得分:34)

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

iPhone Website Compatibility

Android Display Metrics

如果你想支持大多数移动设备,你可能想要支持多种分辨率。

答案 1 :(得分:12)

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

答案 2 :(得分:2)

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

答案 3 :(得分:2)

你可以

  1. 获取您计划支持的设备的屏幕尺寸,
  2. 创建说明,2-3个版本的站点并检测useragent字符串并将用户指向其中一个站点。
  3. 对于android,iphone和blackerry设备,屏幕尺寸没有太大差异。凭借愚蠢的远见和设计,您可以在一个移动网站上使用所有这些手机(例如,可以公平地说,宽度将是240像素或更大并相应地进行设计)

    然而,如果你计划在这些平台上走得更远,那么等待你的世界会受到伤害,(J2ME,BREW,Symbian,WinMo和120x160,176x220屏幕尺寸等)

答案 4 :(得分:1)

简单,不。

这里有很多信息。 http://www.quirksmode.org/mobile/

有太多不同屏幕的设备可以采用共同的分辨率。虽然在许多设备上可以找到320 x 480,但它绝不是“常见的”。您必须使用灵活的设计原则,然后使用媒体查询或js检测添加类以将显示调整到适当的尺寸。这是使移动设备如此难以纠结的部分原因。

答案 5 :(得分:1)

是的,1024 x 960 x 800 x 768 x 640 x 480 x 360适用于重新设计的网页设计尺寸 - 更适合使用这个百分比

答案 6 :(得分:1)

我为移动设备编写游戏。在我的代码中,我按百分比定位所有内容,因为它总是相同的,而且我还使用var调整它们有多少像素然后设置我的分辨率以适应你可以用 css 以及资源中的一些不同图像大小。

答案 7 :(得分:1)

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

可以肯定的是,iPhone 8 Plus的最窄轴上可能有1080个<实际>像素,但这与眼前的话题完全无关,因为这些像素远比高清电视小得多。例如。我想相对于浏览器实际呈现移动网站的方式来衡量显示器的宽度,而mydevice.io可以为您提供显示宽度以及物理尺寸。双赢! ;-)