Mobile 手机是否有标准的网页分辨率?

Mobile 手机是否有标准的网页分辨率?,mobile,resolution,Mobile,Resolution,大多数设计师使用1024x768作为网站开发的基线。这使得他们可以使用css网格系统,比如960&blueprint,轻松地概述内容。手机设计是否有类似的基线分辨率 大多数用户将使用iphone、android和黑莓手机。如果您使用的是apache ApacheComboileFilter,则可以帮助确定设备的实际屏幕大小320 x 480是新移动设备的常见屏幕分辨率 也就是说,如果您想支持大多数移动设备,您可能需要支持多种分辨率。您可以 获取您计划支持的设备的屏幕大小 创建站点的2-3个版

大多数设计师使用1024x768作为网站开发的基线。这使得他们可以使用css网格系统,比如960&blueprint,轻松地概述内容。手机设计是否有类似的基线分辨率


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

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

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

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

您可以

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

    然而,如果你打算在这些平台上走得更远,那么有一个充满伤害的世界在等着你(J2ME、BREW、Symbian、WinMo和120x160、176x220屏幕大小等)

    简单地说,没有

    这里有很多信息


    有太多的设备有太多不同的屏幕,无法采用相同的分辨率。虽然320 x 480可以在许多设备上找到,但它绝不是“常见的”。您必须使用灵活的设计原则,然后使用媒体查询或js检测添加一个类,以将显示调整到适当的尺寸。这就是为什么移动设备现在很难进行争论的原因之一。

    是的,有1024 x 960 x 800 x 768 x 640 x 480 x 360适合不同的网页设计尺寸-最好使用avod的百分比。这非常方便。各种设备及其屏幕规格的最新数据库。

    我为移动设备编写游戏。在我的代码中,我按百分比对所有内容进行定位,因为它们总是一样的,另外我还使用一个变量来调整它们设置了多少像素,然后设置我的分辨率以适合您,您可以在资源中使用css和一些不同的图像大小来执行几乎相同的操作

    我发现这是确定这类事情的最佳地点。我也在寻找同样的问题,通过谷歌搜索发现了这个问题,但是上面提到的大多数其他网站都提供设备像素,而不是CSS/JS像素,这才是web开发中真正重要的


    当然,iPhone8plus在最窄的轴上可能有1080个实际像素,但考虑到这些像素比高清电视小得多,这与手头的主题完全无关。我想根据浏览器实际呈现移动站点的方式来测量显示的宽度,mydevice.io提供了这一点以及物理尺寸。双赢!;-)

    这些值是最新的吗?两年后?@OlivierPons我猜不会。自从这篇文章最初发布以来,移动世界已经爆炸,给了我们过多的屏幕尺寸。可以理解的是,有大量的尺寸可供构建,但有人知道当今最典型的观看或中等屏幕尺寸吗?据我所知,即使是高清移动屏幕也会以320x480px的速度显示网站,除非用户没有启用缩放和类似选项(默认情况下不启用)。如果你假设屏幕大小等于设备的像素分辨率,你会得到令人惊讶的效果。考虑到320仍然被接受,我会担心设备的宽度,360也是如此(320是包括iphone 5在内的所有iphone的最新宽度,360是三星手机的一些标准)另外需要注意的是,android文档会不断更新,因此上述关于android显示指标的链接将永远不会过时TechCheck您还可以使用quirktools页面测试网站外观,它有一些默认屏幕分辨率,但您也可以使用自定义分辨率。如果你把测试媒体查询的机会与@luke发布的设备信息结合起来,我们可以得到一个非常清晰的最终结果:)好吧,这个网站是最新的,但似乎已经过时了。那里没有新手机。