移动端的那些事

1.屏幕尺寸：指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米。

2.屏幕分辨率：指在横纵向的像素点数，单位是px，1px=1个像素点。一般以纵向像素*横向像素来表示一个手机的分辨率。如1960*1080。（这里的1像素指的是物理设备的1个像素点）

  苹果系列手机的屏幕分辨率：

  型号                  屏幕分辨率                                     PPI            设备独立像素       DPR（像素比）

 3GS                    320*480                                        163

 4(s)                    640*960                                          326

 5c                      640*1136                                          326

 5(s)                    640*1136                                           326

 6                        750*1334      （750是物理像素）      326                375*667               2

 6+                   (1242*2208.   ----1080*1920)               401                  414*736

3.高清屏和普通屏的主要区别：

        高清屏（Retina）和 普通屏相比，相同区域的物理像素点数，高清屏是普通屏的4倍。

什么是高清屏，主要功能如下：具备足够高的物理像素密度而使人体肉眼无法分辨其中单独像素点的液晶屏。特点：1。一种具备超高像素密度的液晶屏；2。同样大小屏幕上显示的像素点由一个变为多个。

4.屏幕像素密度：屏幕上每英寸可以显示的像素点的数量，单位是ppi。（屏幕像素密度与屏幕尺寸和屏幕分辨率有关）

5.css像素：是一个抽象的单位，主要使用在浏览器上，用来精准的度量（确定）web页面上的内容。在一个标准的显示密度下，一个css像素对应着一个设备像素。

6.最小单位：

        1.物理像素是设备呈像的最小单位。 2.css像素是浏览器中的最小单位（即web前端开发中的最小单位）。3.位图像素是图像的最小单位。 

7.四个像素 1.物理像素。2. css像素。3.位图像素。4.设备独立像素。（设备独立像素是计算机坐标系统中得一个点）-------设备独立像素是css像素跟物理像素做转换的一个很重要的媒介。

8.1个位图像素对应于1个物理像素，图片才能得到完美清晰的展示。（不失真，特别清晰）     

9.像素比:设备物理像素和设备独立像素的比例。（window. devicePixelRatio=物理像素/设备独立像素）