在开发前端,移动APP,以及设计UI的时候,我们经常会去搜索不同设备之间的尺寸,来开始自己的工作,以保证显示效果达到更好,这里收集了现在常用的设备.

设备更新速度快,有些没罗列的,大家可以谷歌或者百度一下.

常见智能手机

name

phys. 
width

phys. 
height

CSS 
width

CSS 
height

pixel
ratio

phys. ppi

CSS ppi
Apple iPhone 6 750 1334 375 667 2 326 192
Apple iPhone 5 640 1136 320 568 2 326 192
Apple iPhone 4 640 960 320 480 2 326 192
Apple iPhone 3 320 480 320 480 1 163 96
Apple iPod Touch 640 1136 320 568 2 326 192
LG G4 1440 2560 360 640 4 538 384
LG G3 1440 2560 360 640 4 538 384
LG Optimus G 768 1280 384 640 2 318 192
Samsung Galaxy Note 2 720 1280 360 640 2 267 192
Samsung Galaxy Note 800 1280 400 640 2 285 192
Samsung Galaxy S5 1080 1920 360 640 3 441 288
Samsung Galaxy S4 1080 1920 360 640 3 441 288
Samsung Galaxy S4 mini 540 960 360 640 1.5 256 144
Samsung Galaxy S3 720 1280 360 640 2 306 192
Samsung Galaxy S3 mini 480 800 320 533 1.5 233 144
Samsung Galaxy S2 480 800 320 533 1.5 217 144
Samsung Galaxy S 480 800 320 533 1.5 233 144
Samsung Galaxy Nexus 720 1200 360 600 2 316 192
LG Nexus 5 1080 1920 360 640 3 445 288
LG Nexus 4 768 1280 384 640 2 320 192
Microsoft Lumia 1020 768 1280 320 480 2.4 332 220
Microsoft Lumia 925 768 1280 320 480 2.4 332 220
Microsoft Lumia 920 768 1280 320 480 2.4 332 220
Microsoft Lumia 900 480 800 320 480 1.5 217 144
Microsoft Lumia 830 720 1280 320 480 2 294 192
Microsoft Lumia 620 480 800 320 480 1.5 252 144
HTC One 1080 1920 360 640 3 468 288
HTC 8X 720 1280 320 480 3 341 288
HTC Evo 3D 540 960 360 640 1.5 256 144
Sony Xperia Z3 1080 1920 360 598 3 424 288
Sony Xperia Z 1080 1920 360 640 3 443 288
Sony Xperia S 720 1280 360 640 2 342 192
Sony Xperia P 540 960 360 640 1.5 275 144
Xiaomi Mi 4 1080 1920 360 640 3 441 288
Xiaomi Mi 3 1080 1920 360 640 3 441 288
Lenovo K900 1080 1920 360 640 3 401 288
Pantech Vega n°6 1080 1920 360 640 3 373 288
Blackberry Leap 720 1280 390 695 2 294 177
Blackberry Passport 1440 1440 504 504 3 453 274
Blackberry Classic 720 720 390 390 1.8 294 177
Blackberry Q10 720 720 346 346 2 328 192
Blackberry Z30 720 1280 360 640 2 295 192
Blackberry Z10 768 1280 384 640 2 355 192
Blackberry Torch 9800 360 480 360 480 1 187 96
ZTE Grand S 1080 1920 360 640 3 441 288
ZTE Open (Firefox OS) 480 720 320 480 1.5 165 144
常见平板手机

name

phys. 
width

phys. 
height

CSS 
width

CSS 
height

pixel
ratio

phys. ppi

CSS ppi
Apple iPhone 6 Plus 1080 1920 414 736 3 401 249
Motorola Nexus 6 1440 2560 412 690 3.5 493 336
Microsoft Lumia 1520 1080 1920 432 768 2.5 367 240
Samsung Galaxy Note 4 1440 2560 360 640 4 515 384
Samsung Galaxy Note 3 1080 1920 360 640 3 386 288
常见平板电脑

name

phys. 
width

phys. 
height

CSS 
width

CSS 
height

pixel
ratio

phys. ppi

CSS ppi
Apple iPad Pro 2048 2732 1024 1366 2 265 192
Apple iPad 3, 4, Air 1536 2048 768 1024 2 264 192
Apple iPad 1, 2 768 1024 768 1024 1 132 96
Apple iPad mini 2, 3 1536 2048 768 1024 2 326 192
Apple iPad mini 768 1024 768 1024 1 163 96
Samsung Galaxy Tab 3 10" 800 1280 800 1280 1 149 96
Samsung Galaxy Tab 2 10" 800 1280 800 1280 1 149 96
Samsung Galaxy Tab (8.9") 800 1280 800 1280 1 170 96
Samsung Galaxy Tab 2 (7") 600 1024 600 1024 1 170 96
Samsung Nexus 10 1600 2560 800 1280 2 300 192
HTC Nexus 9 1538 2048 768 1024 2 281 192
Asus Nexus 7 (v2) 1080 1920 600 960 2 323 192
Asus Nexus 7 (v1) 800 1280 604 966 1.325 216 127
LG G Pad 8.3 1200 1920 600 960 2 273 192
Amazon Kindle Fire HD 8.9 1200 1920 800 1280 1.5 254 144
Amazon Kindle Fire HD 7 800 1280 480 800 1.5 216 144
Amazon Kindle Fire 600 1024 600 1024 1 167 96
Microsoft Surface Pro 3 1440 2160 1024 1440 1.5 / 1.4 216 144
Microsoft Surface Pro 2 1080 1920 720 1280 1.5 207 144
Microsoft Surface Pro 1080 1920 720 1280 1.5 207 144
Microsoft Surface 768 1366 768 1366 1 148 96
Blackberry Playbook 600 1024 600 1024 1 169 96
另外的设备

name

phys. 
width

phys. 
height

CSS 
width

CSS 
height

pixel
ratio

phys. ppi

CSS ppi
Google Glass 640 360 427 240 1.5 ? 144

本文属于吴统威的博客,微信公众号:bianchengderen 的原创文章,转载时请注明出处及相应链接:http://www.wutongwei.com/front/infor_showone.tweb?id=142 ,欢迎大家传播与分享.

前端,移动开发者,UI须懂: 不同设备的之间的尺寸的更多相关文章

  1. 移动端 前端框架 amaze ui

    移动端 前端框架 amaze ui http://amazeui.org/?_ver=2.x

  2. Javascript库，前端框架（UI框架），模板引擎

    JavaScript库:JQuery,undoscore,Zepto 纯Javascript语言封装, 前端框架(UI框架):Bootstrap,Foundation,Semantic UI,Pure ...

  3. 第一百八十节，jQuery-UI，知问前端--消息提示 UI

    jQuery-UI,知问前端--消息提示 UI 学习要点: 1.HTML 部分 2.CSS 部分 3.jQuery 部分 通过前面已学的 jQuery UI 部件,我们来创建一个注册表单. html ...

  4. 解决前端工程师与UI设计协同工作的问题

    前端工程师与UI设计协同工作主要环节在于设计图与前端界面是否一致.(还原度) 不得不说,设计图与前端界面实现不一致的问题时有发生.(好吧,我经验有限)所以经常写完的前端页面都需要去修改.(特别是做移动 ...

  5. Android设备网络、屏幕尺寸、SD卡、本地IP、存储空间等信息获取工具类

    Android设备网络.屏幕尺寸.SD卡.本地IP.存储空间.服务.进程.应用包名等信息获取的整合工具类. package com.qiyu.ddb.util; import android.anno ...

  6. UI布局只关乎三件事情：尺寸、位置、组织

    UI布局只关乎三件事情:尺寸.位置.组织. 组织分为两类: 单元组织: 集合组织: 混合组织.

  7. linux – tty,ttyS,pts,ptmx,vcs,vcsa设备文件之间的区别？(/dev/tty等)

    linux – tty,ttyS,pts,ptmx,vcs,vcsa设备文件之间的区别? 终端有字符终端和图形终端两种模式.在linux的图形环境下,我们可以通过鼠标点击来完成所有的管理任务,这是图形 ...

  8. 目前比较火的前端框架及UI组件

    看到的一篇总结性的文章,收藏一下,感兴趣的可以自己看看,哪些是已经会的,哪些是没听说过的,哪些是一知半解的,都可以稍微看看. 一.前端框架库: 1.Zepto.js 地址:点击打开链接 描述:Zept ...

  9. 前端Js框架 UI框架汇总 特性 适用范围 选择

    身为一个资深后端工程师,面对层出不穷的前端框架,总让人眼花缭乱,做一个综合解析贴,从全局着眼,让我们明白各种前端框架的应用范围,为如何选择前端框架,从不同的维度提供一些线索,做为一个长期优化贴,欢迎指 ...

随机推荐

  1. ipython notebook使用教程

    在一次师兄(师兄博客地址)的例会汇报中,介绍了ipython notebook,当时觉得很酷炫,渐渐自己使用的时候才发现真的很强大.抽空整理下,找了些资料进行补充,并挨个进行了实现,留个笔记,也欢迎喜 ...

  2. UVA 11178 Morley's Theorem（旋转+直线交点）

    题目链接:http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=18543 [思路] 旋转+直线交点 第一个计算几何题,照着书上代码打 ...

  3. MHz 和 Mbps的区别

    Hz是频率单位,例如10Hz就是表示每秒运算10次 Mbps是Million bit per secend (表示每秒传输的兆位数)＝Mb/s MHz 和 Mbps 并不是同一个单位,关键是看bus的 ...

  4. leetcode72. Edit Distance

    Given two words word1 and word2, find the minimum number of steps required to convert word1 to word2 ...

  5. 《图解密码技术》-chaper1-概述

    密码和信息安全常识:  (1)不要使用保密的密码算法.  (2)不要使用低强度密码算法.  (3)密码一定会被破解.  (4)密码只是信息安全的一部分.

  6. poj 1011 搜索减枝

    题目链接:http://poj.org/problem?id=1011 #include<cstdio> #include<cstring> #include<algor ...

  7. 最受IT公司欢迎的50款开源软件

    文章来自:云头条编译 本文介绍了多款知名的开源应用软件,科技公司可以用它们来管理自己的 IT 基础设施.开发产品. 过去十年间,许多科技公司已开始畅怀拥抱开源.许多公司使用开源工具来运行自己的 IT ...

  8. hpuoj 问题 C: 善良的国王【最小生成树kurskal】

    问题 C: 善良的国王 时间限制: 1 Sec  内存限制: 128 MB提交: 112  解决: 48[提交][状态][讨论版] 题目描述 很久很久以前,有一个贫困的国家,这个国家有一个善良爱民的国 ...

  9. 如何将位图格式图片文件(.bmp)生成geotiff格式图片?

    一.位图格式信息 位图BITMAPINFOHEADER 与BITMAPFILEHEADER: 先来看BITMAPINFOHEADER,只写几个主要的 biSize包含的是这个结构体的大小(包括颜色表) ...

  10. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（47）-工作流设计-补充

    原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(47)-工作流设计-补充 系列目录 补充一下,有人要表单的代码,这个用代码生成器生成表Flow_Form表 ...