html{font-size:20px;}
@media screen and (max-width:320px){
html{font-size:19PX;}
}
@media screen and (min-width:321px) and (max-width:360px){
html{font-size:19.5PX;}
}
@media screen and (min-width:361px) and (max-width:375px){
html{font-size:20PX;}
}
@media screen and (min-width:376px) and (max-width:393px){
html{font-size:21.5PX;}
}
@media screen and (min-width:394px) and (max-width:412px){
html{font-size:22.5PX;}
}
@media screen and (min-width:413px) and (max-width:414px){
html{font-size:23PX;}
}
@media screen and (min-width:415px) and (max-width:480px){
html{font-size:24PX;}
}
@media screen and (min-width:481px) and (max-width:540px){
html{font-size:25PX;}
}
@media screen and (min-width:541px) and (max-width:640px){
html{font-size:26PX;}
}
@media screen and (min-width:641px) and (max-width:720px){
html{font-size:27PX;}
}
@media screen and (min-width:721px) and (max-width:768px){
html{font-size:28PX;}
}
@media screen and (min-width:769px){
html{font-size:29PX;}
}
@media screen and (min-width:769px){
html{font-size:30PX;}
}