物理像素：
1. 指的就是屏幕像是的最小的点，是真是存在的，设备厂商在生产设备就是已经固定好聊的，比如苹果678:750*1334
2. 视网膜高清显示屏，retina显示屏；作用是把更多的物理像素点压缩到一块屏幕里，像素点越密集，看的越清晰，达到更高的分辨率，提高画质
物理像素比：dpr=物理像素/逻辑像素
物理像素：就是设备所显示的像素（手机截图在ps中量取出来的大小）
逻辑像素：页面在css页面中书写的像素
常见的设计稿：
设计图640px dpr2 320
750px dpr2 375
1125px dpr3
常见的单位：
Px em % pt（磅）更多应用于安卓手机配置
rem：跟随html的font-size：；值的大小
默认状态下为
vw：视口的宽度，能够随视口的宽度变化而变化
width：100vw；占满整个视口的宽度
vh：视口的高度，能够随视口的高度变化而变化
height：100vw；占满整个视口的高度
vmin：作比较，视口的高度和视口的宽度作比较，谁小就按谁显示
vman：作比较，视口的高度和视口的宽度作比较，谁大就按谁显示