移动端--- vw与rem适配

 

                网页中字体大小最小是12px，不能设置一个比12像素还小的字体

                    如果我们设置了一个小于12px的字体，则字体自动设置为12

 

                0.1333333vw = 1px

 

                5.3333vw = 40px

　　　　

　　　　  rem就是通过html中的 font-size的大小来决定的

　　　　

　　　　代码:

// psd设计图的像素宽度
@sj-px:750;

*{
    margin: 0;
    padding: 0;
}

// 重点
html{
    font-size: (100vw/@sj-px) * 40;
}

body{
    background-color: #eff0f4;
}

.header{
    display: flex;
    // 所有设置的像素要 除 40rem
    width: (693/40rem);
    height: (175/40rem);
    margin: 0 auto;
    justify-content:space-between;
    align-items:center;
}