您的位置：首页技术文章
文章详情页

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

浏览：330日期：2024-06-11 15:09:19

问题描述

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

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

问题解答

回答1：

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

回答2：

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

上一条：前端 - 使用两个transtion只有一个生效？下一条：前端 - 如何实现自适应的多行文字垂直居中？
相关文章：
1. javascript - requestAnimationFrame如何控制帧速？2. docker 17.03 怎么配置 registry mirror ?3. mysql索引的疑问4. javascript - vue组件中使用百度分享初次加载失败？5. javascript - vue组件extend扩展报错6. mysql - 这条sql可以怎么优化，求帮助7. 老师，请问下为什么这个地方的单引号里面的变量能够被解析呢？8. 跟着课件一模一样的操作使用tp6,出现了错误9. python3.x - mongodb 显示不出中文，都是方块，该如何解决？10. 提示语法错误语法错误: unexpected ’abstract’ (T_ABSTRACT)
排行榜
javascript - requestAnimationFrame如何控制帧速？
javascript - requestAnimationFrame如何控制帧速？
1. docker 17.03 怎么配置 registry mirror ?
2. javascript - vue组件中使用百度分享初次加载失败？
3. vue.js - vue 打包后 nginx 服务端API请求跨域问题无法解决。
4. javascript - 在页面最顶部插个广告，怎么做才能不破坏页面布局（不影响下面的内容）？
5. javascript - vue中自定义事件如何传递参数？
6. javascript - 如何将 windows 下编辑器中的 CRLF 替换为 LF?
7. java中没有抽象方法的抽象类有什么意义？仅仅是为了让别人不能创建该类的对象？
8. python3.x - mongodb 显示不出中文，都是方块，该如何解决？
9. css - 关于ul的布局
10. mysql索引的疑问
热门标签