前端,移动开发者,UI须懂: 不同设备的之间的尺寸
在开发前端,移动APP,以及设计UI的时候,我们经常会去搜索不同设备之间的尺寸,来开始自己的工作,以保证显示效果达到更好,这里收集了现在常用的设备.
设备更新速度快,有些没罗列的,大家可以谷歌或者百度一下.
name |
phys. |
phys. |
CSS |
CSS |
pixel |
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. |
phys. |
CSS |
CSS |
pixel |
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. |
phys. |
CSS |
CSS |
pixel |
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. |
phys. |
CSS |
CSS |
pixel |
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须懂: 不同设备的之间的尺寸的更多相关文章
- 移动端 前端框架 amaze ui
移动端 前端框架 amaze ui http://amazeui.org/?_ver=2.x
- Javascript库,前端框架(UI框架),模板引擎
JavaScript库:JQuery,undoscore,Zepto 纯Javascript语言封装, 前端框架(UI框架):Bootstrap,Foundation,Semantic UI,Pure ...
- 第一百八十节,jQuery-UI,知问前端--消息提示 UI
jQuery-UI,知问前端--消息提示 UI 学习要点: 1.HTML 部分 2.CSS 部分 3.jQuery 部分 通过前面已学的 jQuery UI 部件,我们来创建一个注册表单. html ...
- 解决前端工程师与UI设计协同工作的问题
前端工程师与UI设计协同工作主要环节在于设计图与前端界面是否一致.(还原度) 不得不说,设计图与前端界面实现不一致的问题时有发生.(好吧,我经验有限)所以经常写完的前端页面都需要去修改.(特别是做移动 ...
- Android设备网络、屏幕尺寸、SD卡、本地IP、存储空间等信息获取工具类
Android设备网络.屏幕尺寸.SD卡.本地IP.存储空间.服务.进程.应用包名等信息获取的整合工具类. package com.qiyu.ddb.util; import android.anno ...
- UI布局只关乎三件事情:尺寸、位置、组织
UI布局只关乎三件事情:尺寸.位置.组织. 组织分为两类: 单元组织: 集合组织: 混合组织.
- linux – tty,ttyS,pts,ptmx,vcs,vcsa设备文件之间的区别?(/dev/tty等)
linux – tty,ttyS,pts,ptmx,vcs,vcsa设备文件之间的区别? 终端有字符终端和图形终端两种模式.在linux的图形环境下,我们可以通过鼠标点击来完成所有的管理任务,这是图形 ...
- 目前比较火的前端框架及UI组件
看到的一篇总结性的文章,收藏一下,感兴趣的可以自己看看,哪些是已经会的,哪些是没听说过的,哪些是一知半解的,都可以稍微看看. 一.前端框架库: 1.Zepto.js 地址:点击打开链接 描述:Zept ...
- 前端Js框架 UI框架汇总 特性 适用范围 选择
身为一个资深后端工程师,面对层出不穷的前端框架,总让人眼花缭乱,做一个综合解析贴,从全局着眼,让我们明白各种前端框架的应用范围,为如何选择前端框架,从不同的维度提供一些线索,做为一个长期优化贴,欢迎指 ...
随机推荐
- CSU 1505 酷酷的单词 湖南省赛第十届题目
题目链接:http://acm.csu.edu.cn/OnlineJudge/problem.php?id=1505 题意:技巧题,就是一行字符串中,每个字母出现的次数互不相同,复即为酷的单词. 解题 ...
- Android学习笔记(二)Manifest文件节点详解
在上一篇博文中简单介绍了Manifest文件及其存放位置,本篇就来详细介绍一下Manifest文件中的节点和一些节点的基本作用,首先看一下Manifest文件最基本的结构: <manifest ...
- U3D物理碰撞总结
OnCollisionEnter的触发条件: 1.都有boxcollider组件并且IsTrigger为false 2.主动碰撞的物体要有非运动学刚体组件,被动碰撞的物体有木有都行 3.如果主动碰撞的 ...
- Bzoj 2818: Gcd 莫比乌斯,分块,欧拉函数,线性筛
2818: Gcd Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 3241 Solved: 1437[Submit][Status][Discuss ...
- JavaScript 兼容 Array.prototype.slice.call
IE9之前的IE版本的HTMLCollection以及NodeList不是Object的子类. 在通过Array.prototype.slice.call进行数组化的时候,IE9之前的IE版本会抛出异 ...
- nyoj 239 月老的难题【匈牙利算法+邻接表】
月老的难题 时间限制:1000 ms | 内存限制:65535 KB 难度:4 描述 月老准备给n个女孩与n个男孩牵红线,成就一对对美好的姻缘. 现在,由于一些原因,部分男孩与女孩可能结成幸福 ...
- Android学习之 sildingmenu
仿SlidingMenu Android抽屉菜单效果drawer menu - appdoll.com Android "多方向"抽屉 - 开源中国社区 自定义Android滑动式 ...
- nORA-01000: 超出打开游标的最大数(SDE连接)
1.运行ArcObjects代码报错: IFeatureCursor pCursor = null; try { pCursor = m_pCatchLayer.m_pFeatureClass.Sea ...
- 最大流加强 dinic+当前弧优化
qyy开始练习网络流啦 , 啊 ,蒟蒻只会套版 ,很裸的题 , 我连题都不想发了 ,可以参考我的代码(虽然我也是看的别人的 #include <iostream> #include < ...
- [转][JAVA]定时任务之-Quartz使用篇
[BAT][JAVA]定时任务之-Quartz使用篇 定时任务之-Quartz使用篇 Quartz是OpenSymphony开源组织在Job scheduling领域又一个开源项目,它可以与J2EE与 ...