前端 - @media query 使用出现的问题？

Question

不管把浏览器缩到多小，浏览器只使用@media screen and (max-width: 520px)设置的属性？

死活不进入@media screen and (max-width: 360px)
@media screen and (max-width: 320px)，
不知怎么回事？
自己写的media在这https://jsfiddle.net/bxuj0zap/

Answer 1

因为你把520px写在了最后面，所以无论如何都会满足这个查询条件，把数值大的条件放在前面就好了min-width顺序相反。

Answer 2

楼上，你要是把360的放在第一个的话，也是这样子？？？