@media 标签注意顺序问题
在书写 @media 适应性的CSS代码时,要注意使用的排版问题,在使用 min-width 时,要将大小按照从小到大排列,不能反过来,否则会失效。
.container {
max-width: 750px;
}
}
@media screen and (min-width: 992px) {
.container {
max-width: 970px;
}
}
@media screen and (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
要像上面的代码一样进行排序,而不能反过来,否则代码会失效。