html - 最小/最大宽度在浏览器中以相反的顺序显示

Question

如上图，最小/最大宽度在浏览器中以相反的顺序显示，即使我在编辑器中将最小宽度写为第一个，最大宽度写为第二个。

但奇怪的是，它工作得非常好。功能上没有问题。当宽度大于/小于我设置的特定数字时，浏览器会更改属性。

这在不久的将来会成为一个问题吗？

标签： htmlcsssassmedia-queries

Answer 1

这是浏览器显示的默认顺序。无论您如何在代码中对媒体查询进行排序，“max”属性都将始终首先出现。