css像素、设备像素、设备独立像素、dpr、ppi、viewport
1. css像素
CSS 规范中，长度单位可以分为两类，绝对单位以及相对单位；
px是一个相对单位，相对的是设备像素（device pixel）
px像素受影响的因素：屏幕分辨率、设备机型
- DPR（设备像素比）
- PPI（每英寸像素）
2. 设备像素（物理像素）
3. 设备独立像素（设备虚拟像素）
可通过程序控制使用的虚拟像素(一种逻辑上的像素)，包括css像素
设备屏幕分辨率指的就是设备独立像素，一个设备独立像素包含的物理像素越多，画质越高
目的： 主要是用于屏幕自适应，例如移动端统一设置虚拟像素为375，则不同机型上一个虚拟像素代表的物理像素点数不同，达到自适应效果
以钉钉小程序/支付宝小程序开发文档样式语法中设置为例：
设置虚拟像素为750rpx，iPhone6屏幕宽度为 375px，共有 750 个物理像素，则 1rpx = 0.5 px = 1 物理像素
4. dpr/ppi
dpr: 设备像素/设备独立像素 ppi: 每英寸像素数
pc端，未缩放情况下，dpr为1； 移动端，标准屏幕下dpr为1
5. viewport视口
布局视口、视觉视口、理想视口（使网站在移动端有最理想的浏览和阅读宽度）
实现理想视口的通用解决方案：
<meta
name="viewport"
content="width=device-width,
initial-scale=1.0,
user-scalable=0,
maximum-sacle=1.0,
minimum-scale=1.0"
>
