所有设备的CSS像素
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
|
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 |
mydevice.io made with love by @goetter, with great help from @eQRoeil
所有设备的CSS像素的更多相关文章
- CSS布局基础之一设备像素，设备独立像素，设备像素比，css像素之间的关系
设备像素dp(device pixels) ppi(pixels per inch)表示每英寸所拥有的像素(pixel)数目,数值越高,代表屏幕能以更高的密度显示图像. 计算公式:ppi=像素数量/物 ...
- 响应式设计：理解设备像素，CSS像素和屏幕分辨率
概述 屏幕分辨率.设备像素和CSS像素这些术语,在非常多语境下,是可互换的,但也因此easy在有差异的地方引起混淆,实际上它们是不同的概念. 屏幕分辨率和设备像素是物理概念,而CSS像素是WEB编程的 ...
- 设备像素，设备独立像素，CSS像素
之前学了移动端的开发对设备像素.设备独立像素.CSS像素弄得不太清楚,所以趁周末的时间查了一下,稍加整理 一些概念 在进行具体的分析之前,首先得知道下面这些关键性基本概念. CSS像素 CSS像素是W ...
- CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport
1.PX(CSS pixels) 1.1 定义 虚拟像素,可以理解为“直觉”像素,CSS和JS使用的抽象单位,浏览器内的一切长度都是以CSS像素为单位的,CSS像素的单位是px. 1.2 注意 在CS ...
- HTML-HTML5+CSS3权威指南阅读（五、设备像素和CSS像素的概念）
在这个迷你系列的文章里边我将会解释viewport,以及许多重要元素的宽度是如何工作的,比如<html>元素,也包括窗口和屏幕 这篇文章是关于桌面浏览器的,其唯一目的就是为移动浏览器中相似 ...
- CSS像素、设备独立像素、设备像素之间关系
CSS像素.设备独立像素.设备像素,三者联系紧密又有很大的区别,而我们主要是在做移动端开发的时候需要更多地用到这些概念,那他们分别是指什么呢? 概念 CSS像素(CSS Pixel):适用于web编程 ...
- 物理像素[设备像素] & 逻辑像素[CSS像素]；
为什么移动端CSS里面写了1px,实际上看起来比1px粗 了解设备物理像素和逻辑像素的同学应该很容易理解,其实这两个px的含义其实是不一样的, UI设计师要求的1px是指设备的物理像素1px,而CSS ...
- 理解设备像素、设备独立像素、css像素、viewport
设备像素也叫物理像素. 设备像素指的是显示器上的真实像素,每个像素的大小是屏幕固有的属性,屏幕出厂以后就不会改变了. 设备分辨率描述的就是这个显示器的宽和高分别是多少个设备像素. 设备像素和设备分辨率 ...
- 设备像素，CSS像素，设备独立像素
1.概念 设备像素(device pixel)简写DP 设备像素又称 **物理像素** ,是设备能控制显示的最小单位,我们可以把它看做显示器上的一个点.我们常说的 1920x1080像素分辨率就是用的 ...
随机推荐
- OD附加功能分析
OD版本:OllyICE v1.10 在从文件菜单选择附加后,OD会在注册一个窗口类后,先创建一个0x138大小的进程表; 再是CreateWindowExA 创建窗口; 00478013 l ...
- vim 分屏功能
分屏启动Vim 使用大写的O参数来垂直分屏. vim -On file1 file2 ... 使用小写的o参数来水平分屏. vim -on file1 file2 ... 注释: n是数字,表示分成几 ...
- mysql replace into用法与坑
需要主键一致 PRIMARY KEY (id) PRIMARY KEY (id, ts) 坑: https://blog.xupeng.me/2013/10/11/mysql-replace-into ...
- js 判断数组的值是否有重复
方法一: var s = ary.join(",")+","; for(var i=0;i<ary.length;i++) { if(s.replace( ...
- java.util.List接口的方法subList()的使用注意事项
JDK中,List接口有一个实例方法List<E> subList(int fromIndex, int toIndex), 其作用是返回一个以fromIndex为起始索引(包含),以to ...
- WebGL框架 -- three.js
http://segmentfault.com/a/1190000002421007 http://www.cnblogs.com/shawn-xie/archive/2012/08/16/26425 ...
- Android利用Fiddler进行网络数据抓包
最新最准确内容建议直接访问原文:Android利用Fiddler进行网络数据抓包 主要介绍Android及IPhone手机上如何进行网络数据抓包,比如我们想抓某个应用(微博.微信.墨迹天气)的网络通信 ...
- hdu3448 01背包+dfs
题目链接:http://acm.split.hdu.edu.cn/showproblem.php?pid=3448 Description 0/1 bag problem should sound f ...
- DSP using Matlab 书内练习Example 2.1
先上代码,后出结果图. a. n = [-5:5]; x=2*impseq(-2,-5,5) - impseq(4,-5,5); set(gcf,'Color',[1,1,1]) % 改变坐标外围背景 ...
- 理解是最好的记忆方法 之 CSS中a链接的④个伪类为何有顺序
理解是最好的记忆方法 之 CSS中a链接的④个伪类为何有顺序 在CSS中,a标签有4种伪类,分别为: a:link, a:visited, a:hover, a:active 对其稍有了解的前端er都 ...