@media通常都怎么分配

在微信浏览器里面做的商城平台，通常宽度怎么写，我们想兼容主流的手机尺寸还有平板尺寸，对于不同的尺寸使用media分割，通常都是怎么分的，分几段比较好

---

html {

font-size : 20px;

}
@media only screen and (min-width: 401px){

html {
    font-size: 25px !important;
}

}
@media only screen and (min-width: 428px){

html {
    font-size: 26.75px !important;
}

}
@media only screen and (min-width: 481px){

html {
    font-size: 30px !important; 
}

}
@media only screen and (min-width: 569px){

html {
    font-size: 35px !important; 
}

}
@media only screen and (min-width: 641px){

html {
    font-size: 40px !important; 
}

}

链接：http://isux.tencent.com/web-app-rem.html