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

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

浏览：32日期：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镜像push报错2. javascript eval3. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？4. 使用C#如何导入导出Excel文件？5. 关docker hub上有些镜像的tag被标记““This image has vulnerabilities””6. docker 下面创建的IMAGE 他们的 ID 一样？这个是怎么回事？？？？7. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题8. javascript - js 多维数组的问题9. docker内创建jenkins访问另一个容器下的服务器问题10. docker 17.03 怎么配置 registry mirror ?
排行榜
使用C#如何导入导出Excel文件？
使用C#如何导入导出Excel文件？
1. javascript eval
2. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
3. docker镜像push报错
4. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
5. 关docker hub上有些镜像的tag被标记““This image has vulnerabilities””
6. docker 下面创建的IMAGE 他们的 ID 一样？这个是怎么回事？？？？
7. docker 17.03 怎么配置 registry mirror ?
8. javascript - js 多维数组的问题
9. css - 手机浏览器的兼容问题，微信和其它下载的浏览器打开没有问题，谷歌也测试过，就是手机自带的浏览器有问题。
10. docker容器呢SSH为什么连不通呢？
热门标签