前端 - @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的放在第一個的話，也是這樣子？ ？ ？