• 备注：设计图750px宽设计 其他宽度按比例更改

@media screen and (min-width:320px) {
    html {
        font-size: 42.5px
    }
    body {
        font-size: 24px
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 48px
    }
    body {
        font-size: 24px
    }
}

@media screen and (min-width:375px) {
    html {
        font-size:50px
    }
    body {
        font-size: 24px
    }
}

@media screen and (min-width:384px) {
    html {
        font-size: 51.2px
    }
    body {
        font-size: 28px
    }
}

@media screen and (min-width:400px) {
    html {
        font-size: 53.2px
    }
    body {
        font-size: 28px
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 55.3px
    }
    body {
        font-size: 28px
    }
}

@media screen and (min-width:424px) {
    html {
        font-size: 56.53px
    }
    body {
        font-size: 28px
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 48px
    }
    body {
        font-size: 30.72px
    }
}

@media screen and (min-width:540px) {
    html {
        font-size: 72px
    }
    body {
        font-size: 34.56px
    }
}

@media screen and (min-width:720px) {
    html {
        font-size: 96px
    }
    body {
        font-size: 46.08px
    }
}

@media screen and (min-width:750px) {
    html {
        font-size: 100px
    }
    body {
        font-size: 48px
    }
}