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

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

浏览：302日期：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. 老师，flex-shrink: 1; 按视频操作，不会自动缩放2. docker api 开发的端口怎么获取？3. 如何解决docker宿主机无法访问容器中的服务？4. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？5. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？6. docker镜像push报错7. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~8. python - 怎样在linux下开发flask web应用时查看代码出错（traceback）的地方。9. web服务器 - ubuntu下布置apache加wsgi加python10. 如何设置一个无限循环并打破它。（Java线程）
排行榜
docker镜像push报错
docker镜像push报错
1. docker api 开发的端口怎么获取？
2. 老师，flex-shrink: 1; 按视频操作，不会自动缩放
3. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
4. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
5. 如何解决docker宿主机无法访问容器中的服务？
6. css3 - 微信前端页面遇到的transition过渡动画的bug
7. android glide asbitmap 在baseadpter中的问题
8. 如何设置一个无限循环并打破它。（Java线程）
9. python - 字符串里的u’u00a1’怎么打印成中文
10. web服务器 - ubuntu下布置apache加wsgi加python
热门标签