手机网站不同尺寸设置字体的样式的方法

板式一：

@media screen and (min-) {
 body{font-size:75%;}
}
@media screen and (min-) {
 body{font-size:87.5%;}
}
@media screen and (min-) {
 body{font-size:112.5%;}
}
@media screen and (min-) {
 body{font-size:125%;}
}
@media screen and (min-) {
 body{font-size:150%;}
}

板式二：

@media only screen and (min-){
 body{font-size:16px;}
 .wai{}
}
@media only screen and (min-) and (max-){
 body{font-size:16px;}
 .wai{}
}
@media only screen and (min-) and (max-){
 body{font-size:14px;}
 .wai{width:100%;} 

}
@media only screen and (min-) and (max-){
 body{font-size:12px;}
 .wai{width:100%;} 
}
@media only screen and (max-){
 body{font-size:12px;}
 .wrapper{width:100%;}

}