媒体查询下移动端配方案

//设置常用的body
html{
    font-size: 50px;
}
@no:15;
@media screen and (min-320px) {
  html{
      font-size: 320px/@no;
  }
}
@media screen and (min-360px){
    html{
        font-size: 360px/@no;
    }
}
/* iphone 678 */
@media screen and (min-375px) {
    html{
        font-size: 375px/@no;
    }
}
@media screen and (min-384px) {
    html{
        font-size: 384px/@no;
    }
}
@media screen and (min-400px) {
    html{
        font-size: 400px/@no;
    }
}
@media screen and (min-414px) {
    html{
        font-size: 414px/@no;
    }
}
@media screen and (min-424px) {
    html{
        font-size: 424px/@no;
    }
}
@media screen and (min-480px) {
    html{
        font-size: 480px/@no;
    }
}
@media screen and (min-540px) {
    html{
        font-size: 540px/@no;
    }
}
@media screen and (min-720px) {
    html{
        font-size: 720px/@no;
    }
}
@media screen and (min-750px) {
    html{
        font-size: 750px/@no;
    }
}