手机屏幕适配

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

.px2rem(@px:750px){
@media (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.第二种方法
@media 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;
}
}