rem适配方案

 

 

 

 

.less文件

 

//设置常见的屏幕尺寸，修改里面的html文字大小
//先写一个固定的，这样一打开页面显示的就是这个固定值
html{
    font-size: 50px;
}
//此次划分的分数 15份
//定义一个分数变量
@no:15;
@media screen and (min-width:320px){
     html{
         font-size: 320px / @no; 
     }
}
@media screen and (min-width:360px){
    html{
        font-size: 360px / @no;
    }
}
@media screen and (min-width:375px){
    html{
        font-size: 375px / @no;
    }
}