rem+媒体查询---移动端 设计稿以375

@media screen and (max- 319px) {
  html {
    font-size: 85.33333px
  }
}

@media screen and (min- 320px) and (max- 359px) {
  html {
    font-size: 85.33333px
  }
}

@media screen and (min- 360px) and (max- 374px) {
  html {
    font-size: 96px
  }
}

@media screen and (min- 375px) and (max- 383px) {
  html {
    font-size: 100px
  }
}

@media screen and (min- 384px) and (max- 399px) {
  html {
    font-size: 102.4px
  }
}

@media screen and (min- 400px) and (max- 411px) {
  html {
    font-size: 106.66667px
  }
}

@media screen and (min- 412px) and (max- 413px) {
  html {
    font-size: 109.86667px
  }
}

@media screen and (min- 414px) {
  html {
    font-size: 110.4px
  }
}
原文地址:https://www.cnblogs.com/xzma/p/7597670.html