常见的Media Query范围大小以及字体大小

@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;
    }
}

猜你喜欢

转载自blog.csdn.net/m0_38038767/article/details/107246165