/* 以iPhone6 375为准, 20px = 1rem */
@media only screen and (min-width: 320px) {
    html {
        font-size: 17.06667px !important; 
    } 
}
@media only screen and (min-width: 335px) {
    html {
        font-size: 17.86667px !important; 
    } 
}
@media only screen and (min-width: 345px) {
    html {
        font-size: 18.4px !important; 
    } 
}
@media only screen and (min-width: 360px) {
    html {
        font-size: 19.2px !important; 
    } 
}
@media only screen and (min-width: 375px) {
    html {
        font-size: 20px !important; 
    } 
}
@media only screen and (min-width: 400px) {
    html {
        font-size: 21.33333px !important; 
    } 
}
@media only screen and (min-width: 414px) {
    html {
        font-size: 22.08px !important; 
    } 
}
@media only screen and (min-width: 430px) {
    html {
        font-size: 22.93333px !important; 
    } 
}
@media only screen and (min-width: 454px) {
    html {
        font-size: 24.21333px !important; 
    } 
}
@media only screen and (min-width: 460px) {
    html {
        font-size: 24.53333px !important; 
    } 
}
@media only screen and (min-width: 480px) {
    html {
        font-size: 25.6px !important; 
    } 
}
@media only screen and (min-width: 500px) {
    html {
        font-size: 26.66667px !important; 
    } 
}
@media only screen and (min-width: 520px) {
    html {
        font-size: 27.73333px !important; 
    } 
}
@media only screen and (min-width: 540px) {
    html {
        font-size: 28.8px !important; 
    } 
}
@media only screen and (min-width: 560px) {
    html {
        font-size: 29.86667px !important; 
    } 
}
@media only screen and (min-width: 580px) {
    html {
        font-size: 30.93333px !important; 
    } 
}
@media only screen and (min-width: 600px) {
    html {
        font-size: 32px !important; 
    } 
}
@media only screen and (min-width: 620px) {
    html {
        font-size: 33.06667px !important; 
    } 
}
@media only screen and (min-width: 640px) {
    html {
        font-size: 34.13333px !important; 
    } 
}
@media only screen and (min-width: 680px) {
    html {
        font-size: 36.26667px !important; 
    } 
}
@media only screen and (min-width: 700px) {
    html {
        font-size: 37.33333px !important; 
    } 
}
@media only screen and (min-width: 720px) {
    html {
        font-size: 38.4px !important; 
    } 
}
@media only screen and (min-width: 735px) {
    html {
        font-size: 39.2px !important; 
    } 
}
@media only screen and (min-width: 750px) {
    html {
        font-size: 40px !important; 
    } 
}
@media only screen and (min-width: 780px) {
    html {
        font-size: 41.6px !important; 
    } 
}
@media only screen and (min-width: 800px) {
    html {
        font-size: 42.66667px !important; 
    } 
}
@media only screen and (min-width: 840px) {
    html {
        font-size: 44.8px !important; 
    } 
}
@media only screen and (min-width: 900px) {
    html {
        font-size: 48px !important; 
    } 
}
@media only screen and (min-width: 960px) {
    html {
        font-size: 51.2px !important; 
    } 
}