手机自适应

@media only screen and (max- 1080px), only screen and (max-device-1080px) {
    html,body {
        font-size:16.875px;
    }
}
@media only screen and (max- 960px), only screen and (max-device-960px) {
    html,body {
        font-size:15px;
    }
}
@media only screen and (max- 800px), only screen and (max-device-800px) {
    html,body {
        font-size:12.5px;
    }
}
@media only screen and (max- 720px), only screen and (max-device-720px) {
    html,body {
        font-size:11.25px;
    }
}
@media only screen and (max- 640px), only screen and (max-device-640px) {
    html,body {
        font-size:10px;
    }
}
@media only screen and (max- 600px), only screen and (max-device-600px) {
    html,body {
        font-size:9.375px;
    }
}
@media only screen and (max- 540px), only screen and (max-device-540px) {
    html,body {
        font-size:8.4375px;
    }
}
@media only screen and (max- 480px), only screen and (max-device-480px) {
    html,body {
        font-size:7.5px;
    }
}
@media only screen and (max- 414px), only screen and (max-device-414px) {
    html,body {
        font-size:6.46875px;
    }
}
@media only screen and (max- 400px), only screen and (max-device-400px) {
    html,body {
        font-size:6.25px;
    }
}
@media only screen and (max- 375px), only screen and (max-device-375px) {
    html,body {
        font-size:5.859375px;
    }
}
@media only screen and (max- 360px), only screen and (max-device-360px) {
    html,body {
        font-size:5.625px;
    }
}
@media only screen and (max- 320px), only screen and (max-device-320px) {
    html,body {
        font-size:5px;
    }
}
@media only screen and (max- 240px), only screen and (max-device-240px) {
    html, body {
        font-size: 3.75px;
    }
}