像素密度PPI(pixels per inch) : 表示的是每英寸所拥有的像素数量。因此PPI数值越高，即代表显示屏能够以越高的密度显示图像。当然，显示的密度越高，拟真度就越高
layout viewport （布局视口）：
layout viewport （布局视口）
获取方式document.documentElement.clientWidth
visual viewport (视觉视口):
visual viewport (视觉视口)
获取方式 window.screen.width 指用户正在看到的网站的区域，这个区域的宽度等同于移动设备的浏览器窗口的宽度
ideal viewport （理想视口）：
个人理解 ： 让布局视口为视觉视口的大小
设备像素(物理像素)DP(device-pixels):
例如 iphone8plus 设备的分辨率 1242*2208
设备独立像素（逻辑像素）DIPS(device-independent pixels):
屏幕物理尺寸约定俗成：iphone8plus为414*736
设备像素比 DPR（Device Pixel Ratio）:
设备像素比=设备物理像素/设备独立像素 获取方式：window.devicePixelRatio
1英尺 = 12 英寸 1英寸（inch） = 2.54 cm
