注意临界值不能相等
/*大于1001*/
@media screen and (min-width:1001px) {
html{
font-size: 30px;
}
}
/*大于800 小于1000*/
@media screen and (min-width:801px) and (max-width: 1000px) {
html{
font-size: 20px;
}
}
/*小于800*/
@media screen and (max-width:800px) {
html{
font-size: 10px;
}
}