媒体查询的条件判断顺序

当判断最小的值,并且从小到大进行判断(当满足条件的时候);

1、向上兼容:如果设置了宽度更小时的样式,默认这些样式也会传递到宽度更大的条件范围;
2、向下覆盖:宽度更大的样式会将前面宽度更小的样式覆盖。

书写建议:

1、如果判断最小值(min-width),那么就应该从小到大写

从小到大

image.png

从大到小

2、如果判断最大值(max-width),那么就应该从大到小写


image.png

推荐阅读更多精彩内容