媒体查询的条件判断顺序

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

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

书写建议:

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

从小到大

image.png

从大到小

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


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容