大多数设计师使用 1024x768 作为网站开发的基准。这使他们能够使用 960 和蓝图等 CSS 网格系统轻松勾勒内容。手机设计是否有类似的基线分辨率?
大多数用户将使用 iphone、android 和黑莓手机。
大多数设计师使用 1024x768 作为网站开发的基准。这使他们能够使用 960 和蓝图等 CSS 网格系统轻松勾勒内容。手机设计是否有类似的基线分辨率?
大多数用户将使用 iphone、android 和黑莓手机。
这个网站超级好用。各种设备及其屏幕规格的最新数据库。
你可以
对于 android、iphone 和 blackerry 设备,屏幕尺寸没有太大差异。稍有远见和设计,您就可以让所有这些手机在一个移动网站上运行(例如,可以公平地说宽度为 240 像素或更大,并进行相应的设计)
但是,如果您打算比这些平台更进一步,那么等待您的将会是一个痛苦的世界(J2ME、BREW、Symbian、WinMo 和 120x160、176x220 屏幕尺寸等)
如果您使用的是 apache ApacheMobileFilter 可以帮助确定实际的设备屏幕大小
我发现https://www.mydevice.io/#compare-devices是确定此类事情的最佳站点。我一直在寻找相同的东西,并通过 Google 搜索找到了这个问题,但是上面提到的大多数其他网站都给你设备像素,而不是CSS/JS 像素,这在 Web 开发中真正重要。
当然,iPhone 8 Plus 的最窄轴上可能有 1080 个实际像素,但这与当前的主题完全无关,因为这些像素比高清电视小得多。我想测量显示器的宽度与浏览器实际呈现移动网站的方式有关,mydevice.io 为您提供了这一点,以及物理尺寸。赢赢!;-)
我为移动设备编写游戏。在我的代码中,我按百分比定位所有内容,因为它总是相同的,另外我还使用 var 来调整它们有多少像素,然后设置我的分辨率以适应你可以用css和一些不同的图像大小做几乎相同的事情在你的资源中。
简单地说,没有。
这里有很多信息。http://www.quirksmode.org/mobile/
太多的设备具有太多不同的屏幕,无法假设一个共同的分辨率。虽然可以在许多设备上找到 320 x 480 可能是真的,但这绝不是“常见的”。您必须使用灵活的设计原则,然后使用媒体查询或 js 检测来添加一个类以将您的显示调整到适当的尺寸。这是目前移动设备如此难以争吵的部分原因。
是的,有 1024 x 960 x 800 x 768 x 640 x 480 x 360 用于响应式网页设计尺寸 - 最好使用百分比来避免这个