Web移动端设计——移动设备分辨率一览表

作为在移动端开发的web程序员来说,如果不懂设备的一些性能,在开发上面是非常耗时间的一件事,同时带来负面影响的是项目的进度被拖腿了。

下面是个人收集的一些移动端设备的分辨率参数:

Web移动端设计——移动设备分辨率一览表

1、  平板设备:

  • 1)  iPad 4、iPad 5屏幕尺寸是9.7英寸,分辨率在2048*1536.
  • 2)  Ipad mini、iPad 2屏幕尺寸是7.9英才,分辨率是1024*768
  • 3)  三星Galaxy note 10.1、Tab3.8、Tab2 P5100屏幕尺寸是10.1英寸,屏幕分辨率是1280*800
  • 4)  三星Galaxy Tab P3110、Tab3.7屏幕尺寸是7英寸,屏幕分辨率是1024*600
  • 5)  谷歌Nexus 7屏幕尺寸是7英寸,屏幕分辨率是1280*800

2、  手机设备:

  • 1)  iPhone4、4s屏幕尺寸是3.5英寸,屏幕分辨率是960*640
  • 2)  iPhone5、5s屏幕尺寸是4英寸,分辨率是1136*640
  • 3)  三星Galaxy s4屏幕尺寸是5英寸,分辨率是1920*1080
  • 4)  三星Galaxy Note2、S3屏幕尺寸是5.5英寸和4.8英寸,分辨率都是1280*720
  • 5)  三星Galaxy Note 屏幕尺寸是5.3英寸,分辨率是1280*800

当我们了解了这些设备的分辨率后,我们在后期做移动平台开发的时候就有个底。像做前端开发,我们可以针对不同的分辨率设备进行独立设计响应式的排版效果。

上一篇:Android自定义UI的实现和应用


下一篇:koala 编译scss不支持中文(包括中文注释),解决方案如下