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

问题描述

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

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

问题解答

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

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