移动端像素

移动端

1、移动端

媒体查询结合rem （流式布局、100%）
vw结合rem （等比缩放布局）

2、dpr 设备像素比

物理像素 （PS测量的像素）
逻辑像素 （css设置或者屏幕显示的像素）

3、dpr =物理像素/逻辑像素

640px （5/4） dpr2
750px （6/7/8） dpr2
1080px dpr3

4、单位：

绝对定位 px、pt
相对单位 100%
em（父元素的font­size值）
rem（根元素html的font­size值）

5、禁止网页缩放：

@media all and (max-width: 320){
    html{
        font-size: 12px;
    }
}
@media all and (min-width: 321) and (max-width: 375){
    html{
        font-size: 14px;
    }
}
@media all and (min-width: 376){
    html{
        font-size: 16px;
    }
}