文章详情页
前端 - @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/
问题解答
回答1:因为你把520px写在了最后面,所以无论如何都会满足这个查询条件,把数值大的条件放在前面就好了min-width顺序相反。
回答2:楼上,你要是把360的放在第一个的话,也是这样子???
相关文章:
1. node.js - Hexo next主题 languages/zh-Hans.yml报错2. node.js - nodejs中cookie例子的一个疑问3. Nginx如何进行跨域配置,才能使用DELETE,PUT请求方法4. node.js - 用git cnpm install 时,能生成node_modules文件,但是为空。5. node.js - nodejs 正则匹配,cpu达到100%的问题6. node.js - NPM安装包时有些情况会爆出一些的警告/报错信息怎么判断是否可以忽略?7. node.js - 用node安装express出错8. node.js - fetch跨域提交post请求,后台node接受不到ctx.request.body?9. java - 微信退款,公账号向个人转账SSL验证失败10. node.js - nodejs提示"$ 不是内部或外部命令"
排行榜
![node.js - nodejs 正则匹配,cpu达到100%的问题](http://www.haobala.com/attached/image/news/202310/130436bb3c.png)