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

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

浏览：286日期：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. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？2. docker网络端口映射，没有方便点的操作方法么？3. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~4. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题5. docker api 开发的端口怎么获取？6. spring-mvc - spring-session-redis HttpSessionListener失效7. docker容器呢SSH为什么连不通呢？8. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？9. Hbuilder中的phpMyAdmin访问题10. docker start -a dockername 老是卡住，什么情况？
排行榜
spring-mvc - spring-session-redis HttpSessionListener失效
spring-mvc - spring-session-redis HttpSessionListener失效
1. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
2. docker容器呢SSH为什么连不通呢？
3. docker api 开发的端口怎么获取？
4. docker网络端口映射，没有方便点的操作方法么？
5. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
6. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~
7. docker start -a dockername 老是卡住，什么情况？
8. docker gitlab 如何git clone？
9. 请问“由于 Cookie “PHPSESSID”的“SameSite”属性设置为“None”，但缺少“Secure”属性，此 Cookie 未来将被拒绝。”请问出现这个问题怎么办？
10. Hbuilder中的phpMyAdmin访问题
热门标签