前端,移动开发者,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框架汇总 特性 适用范围 选择
身为一个资深后端工程师,面对层出不穷的前端框架,总让人眼花缭乱,做一个综合解析贴,从全局着眼,让我们明白各种前端框架的应用范围,为如何选择前端框架,从不同的维度提供一些线索,做为一个长期优化贴,欢迎指 ...
随机推荐
- HDOJ/HDU 1133 Buy the Ticket(数论~卡特兰数~大数~)
Problem Description The "Harry Potter and the Goblet of Fire" will be on show in the next ...
- Java第一次写的流布局图形界面,留个纪念
package jisuanqi; import java.awt.*; public class MyFrame extends Frame{ //继承Frame类 public MyFrame() ...
- Hdu 3966-Aragorn's Story LCT,动态树
题目:http://acm.hdu.edu.cn/showproblem.php?pid=3966 Aragorn's Story Time Limit: 10000/3000 MS (Java/Ot ...
- 局域网内linux由ip反解析主机名
- 广州Uber优步司机奖励政策(1月25日~1月31日)
滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...
- 机器学习算法库scikit-learn的安装
scikit-learn 是一个python实现的免费开源的机器学习算法包,从字面意思可知,science 代表科学,kit代表工具箱,直接翻译过来就是用于机器学习的科学计算包. 安装scikit-l ...
- 网站优化与Cdn文件传输服务
网站优化与Cdn文件传输服务 如今互联网无处不在,其方便快捷.性质和低成本的经济特点,已经逐渐成为商务贸易.信息分发和数据交付的一个重要渠道.要想让数据的分发带来巨大的效益,那么网民的满意是唯一的办法 ...
- ODBC 中遇到的错误
直接贴解决办法的链接: http://zhidao.baidu.com/link?url=pyd2AiazzsZr4IlMpiCdXlLC6nnao908xmqmY9QI0yj8vIGCbRPRrqh ...
- C# SQL多条件查询拼接技巧
本文转载:http://blog.csdn.net/limlimlim/article/details/8638080 #region 多条件搜索时,使用List集合来拼接条件(拼接Sql) Stri ...
- Android ADT离线更新办法
Troubleshooting ADT Installation If you are having trouble downloading the ADT plugin after followin ...