媒体查询正确使用方法

媒体查询正确使用方法

在这里插入代码片

@media screen and (max-width: 1600px) {
html{font-size: 60px;}
.home-title{
font-size: 3.4rem;
}
}
@media screen and (max-width: 1200px) {
html{font-size: 30px;}
.home-title{
font-size: 3rem;
}
}
@media screen and (max-width: 800px) {
html{font-size: 16px;}
.home-title{
font-size: 2rem;
}
}
@media screen and (max-width: 600px) {
html{font-size: 12px;}
.home-title{
font-size: 1.6rem;
}
}