@media 媒体查询 479尺寸下一般手机的设置

/*媒体查询，根据宽度改变根元素的大小*/
@media screen and (min-width:1200px){
    html{
        font-size: 22px;!important;
    }
}
@media screen and (min-width: 960px) and (max-width: 1199px){
    html{
        font-size: 20px;!important;
    }
}
@media screen and (min-width: 768px) and (max-width: 959px){
    html{
        font-size: 16px;!important;
    }
}
@media  screen and (min-width: 480px) and (max-width: 767px){
    html{
        font-size: 14px;!important;
    }
}
@media screen and (max-width: 479px) {
    html{
    font-size: 10px;!important;
    }
    .mail > p{
        text-align: center;!important;
        font-size:7pt;!important;
    }
    .top > div:nth-of-type(1)>p{
        font-size:12pt;!important;
    }
    .top > div:nth-of-type(1){
        width: 64%;
        height: 30px;
    }
    .top >div:nth-of-type(2) > select {
        margin-top:-15px;
        width: 33%;!important;
        height: 30px;!important;
    }
    .downBottom div button {
        font-size:10pt;!important;
    }
    .downBottom div button a{
        font-size:10pt;!important;
    }

}

根据479以下的尺寸，可分别对元素进行单独设定