移动端-像素和分辨率

1.像素分辨率

重点：像素 分辨率的关系

难点：印刷不同产品时的不同分辨率设置的理解

像素概念

网页中的像素单位

像素(pixel)概念

一般而言，pixel（像素）是图像的基本采样单位。详细解释见维基像素条目。所以它不是一个确定的物理量，也不是一个具体的点或者小方块（尽管可以用点和小方块来呈现），而是一个抽象概念。

CSS像素(css pixel)

CSS像素是Web编程的概念，指的是CSS样式代码中使用的逻辑像素。
在CSS规范中，长度单位可以分为两类，绝对(absolute)单位以及相对(relative)单位。

按照CSS规范的定义，CSS中的px是一个相对长度，它相对的，是viewing device的分辨率

网页常见的像素宽度

网页宽度一般根据屏幕的分辨率来设计。普遍的网页设计有两种：1920px*1080px、1366x768。内容宽度一般为1000px-1200px。手机由于宽度的不同，需要自适应

设备常见的像素比例

Pc电脑的分辨率 1920px*1080px、1366x768

一般手机的分辨率：22441080 22801080 2340*1080