1.1、 像素
像素单位有设备像素、逻辑像素、CSS 像素 3 种
1.1.1、设备像素、设备分辨率
设备像素（device pixels）也叫物理像素，指的是显示器上的真实像素，每个像素的大小是屏幕固有的属性，屏幕出厂以后就不会再改变。比如24.7寸的屏幕分辨率为1920 * 1080，那单个的像素点高等于1080除以高长。
设备分辨率：设备分辨率描述的就是这个显示器的宽和高分别是多少个设备像素，例如常见的显示器的分辨率为 1920 * 1080。说的就是在宽有1920个设备像素，在高有1080个设备像素
1.1.2、设备独立像素、逻辑分辨率
设备独立像素：浏览器主要依靠的是设备独立像素，举个例子如果屏幕大小相同，设备分辨率越高，为了保证展示的字体大小一致，所需的像素点也就越多，那么编写应用程序则将变得非常困难，所以这个时候需要 设备独立像素 ，设置独立像素 字体大小一致，对于上面的例子：“原本高度为 12 个设备像素的字体，现在高度为 24 个设备像素才能得到相同的大小”，操作系统会将一个逻辑像素定义为 22个 真实像素，从而设备独立像素尺寸不需要改变，而且不管在新、旧设备上，显示的尺寸大致相同。我们通过操作系统的分辨率设置来改变设备独立像素的大小。例如屏幕的设备分辨率是19201200（单位：设备像素），我们可以在当前的分辨率下设置逻辑分辨率是1280800（单位：设备独立像素）。那么横、纵方向的设备像素数量恰好是设备独立像素的1.5倍。这也意味着，设备独立像素的边长是设备像素边长的1.5倍。
