通过移动端屏幕适配的问题，从程序员和设计师的角度分析了造成这个问题的原因。为了解决这个问题，Android开发者发展了一些方案，但会造成进一步的问题。而屏幕适配这些工作应该交给软件设计师们。

说到布局和适配，就不得不谈论下iOS和Android二者布局的单位：pt(point，点)和dp(Device independent pixel,Density independent pixel, DIP, DP，又叫与设备无关像素或与密度无关像素或密度独立像素)

啥是像素？有哪些分类？ 首先要理解物理像素（即显示器的最小物理单位，由三原色组成）即常说的屏幕分辨率，通常逻辑分辨率抽象上是

3. 像素相关 3.1 物理像素 / 设备像素 设备像素 / 物理像素 是一个长度单位 物理像素对应显示设备中一个微小的物理部件 设备像素是手机屏幕的一个参数，由手机制造商决定。例如 IPhone 6

无论是在日常用电脑手机等电子设备，还是做设计、前端开发等工作都需要时刻和像素 / 分辨率打交道，比如在你电脑上运行的占满整个屏幕的项目演示到别人电脑上只显示出一半，别人告诉你说是因为你的电脑屏幕分辨率太大了，你一脸蒙蔽。又比如听别人告诉你说分辨率大小就是你的屏幕大小，你看者你手…

在 《掌握web开发基础系列--长度单位》 这篇文章中已经介绍过了css像素单位--px，这篇文章详细探讨一下设备物理像素和css像素之间的关系。 “像素”，是一个名词，在不同的上下文中所描述的东西可能不一样，但是也可能存在一定关系。 设备屏幕实际拥有的像素点，屏幕的基本单元，…

为什么width为1200px的同一个元素，在电脑上和pad上的显示宽度会不同？为什么同样的页面，在mac上显示起来会比很多设备更为细腻？让我们一起来找到答案。

像素单位 像素单位有设备像素、逻辑像素和CSS像素3种。 设备像素（device pixels）、设备分辨率 设备像素指的是显示器上的真实像素，每个像素的大小是屏幕固有的属性，屏幕出厂以后就不会改变了

作为一名前端工程师，写 CSS 时经常会和像素（px）打交道，如果是做移动端页面就更离不开分辨率、DPR 这些知识点，为了弄清楚这些概念，本文会以前端的角度来对这些概念做下梳理。