mydevice.io

Mobile devices, in Responsive Web Design, relate to a core value which is the value of CSS width or ("device-width"), in CSS Device Independant Pixels, which depends both of the browser and user zoom settings.

Smartphones Phablets Tablets Other connected

 Common Smartphones values
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

Discover your device values

 Common Phablets values
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
 Common Tablets values
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
 Other connected devices
name
phys. 
width
phys. 
height
CSS 
width
CSS 
height
pixel
ratio
phys. ppi
CSS ppi
Google Glass 640 360 427 240 1.5 ? 144

Discover your device values

mydevice.io made with love by @goetter, with great help from @eQRoeil

所有设备的CSS像素的更多相关文章

  1. CSS布局基础之一设备像素，设备独立像素，设备像素比，css像素之间的关系

    设备像素dp(device pixels) ppi(pixels per inch)表示每英寸所拥有的像素(pixel)数目,数值越高,代表屏幕能以更高的密度显示图像. 计算公式:ppi=像素数量/物 ...

  2. 响应式设计：理解设备像素，CSS像素和屏幕分辨率

    概述 屏幕分辨率.设备像素和CSS像素这些术语,在非常多语境下,是可互换的,但也因此easy在有差异的地方引起混淆,实际上它们是不同的概念. 屏幕分辨率和设备像素是物理概念,而CSS像素是WEB编程的 ...

  3. 设备像素，设备独立像素，CSS像素

    之前学了移动端的开发对设备像素.设备独立像素.CSS像素弄得不太清楚,所以趁周末的时间查了一下,稍加整理 一些概念 在进行具体的分析之前,首先得知道下面这些关键性基本概念. CSS像素 CSS像素是W ...

  4. CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport

    1.PX(CSS pixels) 1.1 定义 虚拟像素,可以理解为“直觉”像素,CSS和JS使用的抽象单位,浏览器内的一切长度都是以CSS像素为单位的,CSS像素的单位是px. 1.2 注意 在CS ...

  5. HTML-HTML5+CSS3权威指南阅读（五、设备像素和CSS像素的概念）

    在这个迷你系列的文章里边我将会解释viewport,以及许多重要元素的宽度是如何工作的,比如<html>元素,也包括窗口和屏幕 这篇文章是关于桌面浏览器的,其唯一目的就是为移动浏览器中相似 ...

  6. CSS像素、设备独立像素、设备像素之间关系

    CSS像素.设备独立像素.设备像素,三者联系紧密又有很大的区别,而我们主要是在做移动端开发的时候需要更多地用到这些概念,那他们分别是指什么呢? 概念 CSS像素(CSS Pixel):适用于web编程 ...

  7. 物理像素[设备像素] & 逻辑像素[CSS像素]；

    为什么移动端CSS里面写了1px,实际上看起来比1px粗 了解设备物理像素和逻辑像素的同学应该很容易理解,其实这两个px的含义其实是不一样的, UI设计师要求的1px是指设备的物理像素1px,而CSS ...

  8. 理解设备像素、设备独立像素、css像素、viewport

    设备像素也叫物理像素. 设备像素指的是显示器上的真实像素,每个像素的大小是屏幕固有的属性,屏幕出厂以后就不会改变了. 设备分辨率描述的就是这个显示器的宽和高分别是多少个设备像素. 设备像素和设备分辨率 ...

  9. 设备像素，CSS像素，设备独立像素

    1.概念 设备像素(device pixel)简写DP 设备像素又称 **物理像素** ,是设备能控制显示的最小单位,我们可以把它看做显示器上的一个点.我们常说的 1920x1080像素分辨率就是用的 ...

随机推荐

  1. sublime text 2中Emmet8个常用的技巧

    原文链接:http://blog.csdn.net/lmmilove/article/details/9181323 因为开始做web项目,所以最近在用sublime编辑器,知道了一个传说中的emme ...

  2. 《大话》之 装饰模式 Vs 建造者模式

    一.简介: 装饰模式:     背景:小菜要见美女娇娇,感慨自己不会着装,怕给娇娇留下坏印象               内容:动态的给一个对象添加一些额外职责               图文并茂: ...

  3. MySQL主主复制3

    一.创建并授权用户 在每一台(主)服务器上创建一个用户,并为之授权,使它们可以互相访问彼此的数据库 在Server-1上: 创建一个充许Server-2来访问的用户server2,密码为:server ...

  4. POJ 1743 后缀数组

    题目链接:http://poj.org/problem?id=1743 题意:给定一个钢琴的音普序列[值的范围是(1~88)],现在要求找到一个子序列满足 1,长度至少为5 2,序列可以转调,即存在两 ...

  5. Windows下安装 使用coreseek

    1.安装 1.01:到官网下载 coreseek-3.2.14 1.01_1 原理 缓存服务器: 准备数据 来自数据库 配置连接  生成索引 开启服务 流程:用户-> web->sphin ...

  6. 餐厅app总结

    2.总结:在这几个月来说,我们发现我们能力有点不足,整一个app,没有我们想象的那么完美,所以经过我们的讨论说,我们还是需要去加强一下每一个人的能力,但是整个作业,每个人都是尽了每个人的能力. (1) ...

  7. PAT (BL) 1001

    链接:http://pat.zju.edu.cn/contests/pat-b-practise/1001 /* 1001. 害死人不偿命的(3n+1)猜想 (15) 卡拉兹(Callatz)猜想: ...

  8. keytool创建Keystore和Trustsotre文件

    一.生成一个含有一个私钥的keystore文件 user@ae01:~$ keytool -genkey -keystore keystore -alias jetty-azkaban -keyalg ...

  9. iOS开发代码规范(通用)

    1. 关于命名 1> 统一要求 含义清楚,尽量做到不需要注释也能了解其作用,若做不到,就加注释 使用全称,不适用缩写 2> 类的命名 大驼峰式命名:每个单词的首字母都采用大写字母 例子:M ...

  10. ccc this 指针

    cc.Class({ extends: cc.Component, properties: { musicPlayer: { default: null, type: cc.AudioSource } ...