Common Media Query range size and font size

@media only screen and (min-width: 320px) {
    
    
    html {
    
    
        font-size: 13.65px;
    }
}
@media only screen and (min-width: 360px) {
    
    
    html {
    
    
        font-size: 15.36px;
    }
}
@media only screen and (min-width: 375px) {
    
    
    html {
    
    
        font-size: 16px;
    }
}
@media only screen and (min-width: 390px) {
    
    
    html {
    
    
        font-size: 16.64px;
    }
}
@media only screen and (min-width: 414px) {
    
    
    html {
    
    
        font-size: 17.664px;
    }
}
@media screen and (min-width: 640px) {
    
    
    html {
    
    
        font-size: 27.31px;
    }
}

Guess you like

Origin blog.csdn.net/m0_38038767/article/details/107246165