dpi: 每英寸显示墨点，一般用于打印机
ppi：每英寸显示像素（物理像素）的密度
dpr：设备像素比 = 物理像素 / css开发像素 eg：ipone6中， 750/375 = 2
当设备 dpr 为1 时候 ， dpi与ppi
分辨率：1920 * 1080 ----1080p（垂直分辨率1080）
2560 * 1460 -----2k （水平超过2024）
笔记本 ：window.devicePixelRatio = 1.25
window.innerWidth = 1536
宽 ： 1536 * 1.25 = 1920
高：1080
手机设备中
eg：iPhone6
物理像素：750 * 1334px
css像素 （独立设备像素）： 375 *667 pt
屏幕尺寸：4.7in
dpr : 750 / 375 = 2 ------- @2x （2倍图）
屏幕密度ppi : 根据以上公式 开根号（ 750 * 750 + 1334 *1334） / 4.7in = 326ppi
Dpi ： 根据 css 像素 开根号 （375 * 375 + 667 *667） / 4.7 in = 163dpi
