32

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

大多数用户将使用 iphone、android 和黑莓手机。

4

8 回答 8

34

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

iPhone 网站兼容性

Android 显示指标

话虽如此,如果您想支持大多数移动设备,您可能希望支持多种分辨率。

于 2010-03-02T15:40:13.393 回答
12

这个网站超级好用。各种设备及其屏幕规格的最新数据库。

于 2013-09-16T06:19:35.847 回答
2

你可以

  1. 获取您计划支持的设备的屏幕尺寸,
  2. 创建您网站的 2-3 个版本并检测用户代理字符串并将用户定向到这些网站之一。

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

但是,如果您打算比这些平台更进一步,那么等待您的将会是一个痛苦的世界(J2ME、BREW、Symbian、WinMo 和 120x160、176x220 屏幕尺寸等)

于 2010-03-03T02:50:32.770 回答
2

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

于 2010-03-02T15:38:20.253 回答
2

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

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

于 2020-05-22T03:19:34.830 回答
1

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

于 2014-09-12T17:51:01.077 回答
1

简单地说,没有。

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

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

于 2011-04-29T17:29:51.600 回答
1

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

于 2013-04-24T09:55:30.410 回答