所有设备的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像素分辨率就是用的 ...
随机推荐
- 在苹果手机上input有内阴影怎么去除
一个input中在安卓手机上完全按照自己的样式去展示,但是在苹果手机上发现Input有内阴影,怎么去除内阴影呢? 在input样式中这样添加 #div{ .... appearance:button; ...
- 通信原理实践（一）——音频信号处理
一.信号的离散化 1.采样定理: –如果信号是带限的,并且采样频率fs超过信号最高频率的两倍,那么,原来的连续信号可以从采样样本中完全重建出来. 因此在仿真过程中,采样率(fs)是一个非常重要的参数. ...
- T-SQL 存储过程
Transact-SQL中的存储过程,非常类似于Java语言中的方法,它可以重复调用.当存储过程执行一次后,可以将语句缓存中,这样下次执行的时候直接使用缓存中的语句.这样就可以提高存储过程的性能. Ø ...
- C#部分的总结
经过本次考试暴露出一些问题,面对一些概念性和文字性的基础知识,仍然不够细心,出现各种不应该的错误, 虽然平时学习中,实际操作写代码比较顺利,但基础知识和概念仍不可少,这在将来面试上也是重要的一部分.在 ...
- How Kafka’s Storage Internals Work
In this post I'm going to help you understand how Kafka stores its data. I've found understanding th ...
- 友盟页面统计 - 关于Viewpager中的Fragment的生命周期
Activity和Fragment各自理论上的生命周期 Activity的生命周期是较为经典也最清晰的,在此不表: Fragment从出现到广泛运用也有一段时间了,其标准生命周期也仅比Activity ...
- Liferay 6.2 改造系列之八：修改默认安装的Portlet项目War包
Liferay默认在Tomcat.Jetty等服务器情况下,自动安装marketplace-portlet-6.2.0.1.war包,实现应用商店的自动部署,一般不需要应用商店,故删除以下包即可: / ...
- CentOS下Redis安装配置小结
Redis是REmote DIctionary Server的缩写. 是一个使用 C 语言写成的,开源的 key-value 非关系型数据库.跟memcached类似,不过数据可以持久化. Redis ...
- #include<>与#include""
对于头文件的包含,使用“<>”时,系统会到默认目录(编译器及环境变量,工程文件定义的头文件寻找目录,包括Qt安装的include目录)查找要包含的文件,这是标准方式: 用双引号时,系统先到 ...
- 最近点对问题 POJ 3714 Raid && HDOJ 1007 Quoit Design
题意:有n个点,问其中某一对点的距离最小是多少 分析:分治法解决问题:先按照x坐标排序,求解(left, mid)和(mid+1, right)范围的最小值,然后类似区间合并,分离mid左右的点也求最 ...