1.第一种方法：使用less或者sass

.px2rem(@px:750px){

  (min-width: @px){     html{       font-size: @px/750*100;     }   } } html{font-size: 42.66666667px;} .px2rem(320px); .px2rem(360px); .px2rem(375px); .px2rem(384px); .px2rem(400px); .px2rem(414px); .px2rem(424px); .px2rem(480px); .px2rem(540px); .px2rem(720px); .px2rem();

2.第二种方法

only screen and (width: 320px) {     html {         font-size: 16px;     } }

@media only screen and (width: 360px) {

    html {         font-size: 18px;     } }

@media only screen and (min-width: 640px) {

    html {         font-size: 32px;     } }