所有设备的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像素分辨率就是用的 ...
随机推荐
- 数据库分库分表sharding1
sharding Vertical Sharding 把数据分散到多台物理机(我们称之为Shard) 实现Sharding需要解决一系列关键的技术问题,这些问题主要包括:切分策略.节点路由.全局主键生 ...
- Class.forName()的作用与使用总结
1.Class类简介: Java程序在运行时,Java运行时系统一直对所有的对象进行所谓的运行时类型标识.这项信息纪录了每个对象所属的类.虚拟机通常使用运行时类型信息选准正确方法去执行,用来保存这些类 ...
- CodeForces 710F 强制在线AC自动机
题目链接:http://codeforces.com/contest/710/problem/F 题意:维护一个集合,集合要求满足三种操作. 1 str:向集合插入字符串str(保证不会插入之前已经插 ...
- 20145223《Java程序程序设计》第4周学习总结
20145223 <Java程序设计>第4周学习总结 教材学习内容总结 面向对象中,子类继承父类避免重复的行为定义,不过并不是为了避免重复定义行为就使用继承.程序代码重复在以后修改代码的时 ...
- 模拟 Codeforces Round #288 (Div. 2) A. Pasha and Pixels
题目传送门 /* 模拟水题:给定n*m的空白方格,k次涂色,将(x,y)处的涂成黑色,判断第几次能形成2*2的黑色方格,若不能,输出0 很挫的判断四个方向是否OK */ #include <cs ...
- HDU5853 Jong Hyok and String(二分 + 后缀数组)
题目 Source http://acm.hdu.edu.cn/showproblem.php?pid=5853 Description Jong Hyok loves strings. One da ...
- 每天一个linux命令---导出到文件
导出Linux下的部分日志到文件,使用‘>’符号 例如: [calendar@test190 logs]$ monitor.log|grep getCalendarView > share ...
- Knockout.js初体验
前不久在网上看到一个轻量级MVVM js类库叫Knockout.js,觉得很好奇,搜了一下Knockout.js相关资料,也初体验了一下,顿时感觉这个类库的设计很有意思.接下来就搞清楚什么是Knock ...
- HDU-2159FATE(二维完全背包)
FATE Problem Description 最 近xhd正在玩一款叫做FATE的游戏,为了得到极品装备,xhd在不停的杀怪做任务.久而久之xhd开始对杀怪产生的厌恶感,但又不得不通过杀怪来升完 ...
- 2014-2015 ACM-ICPC, NEERC, Southern Subregional Contest (Online Mirror, ACM-ICPC Rules, Teams Preferred)
I. Sale in GameStore(贪心) time limit per test 2 seconds memory limit per test 512 megabytes input sta ...