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

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

浏览：262日期：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. 在别的电脑使用JDBC连接其他电脑上安装的mysql数据库2. javascript - sublime快键键问题3. javascript - [js]为什么画布里不出现图片呢？在线等4. javascript - react热加载的一段代码5. angular.js - angular1运行程序报错6. javascript - 深夜被问题困扰求解惑，rn的API之PermissionsAndroidd的问题7. CSS3的渐变属性的疑惑8. mysql update 如何回滚？9. iframe的无限加载10. javascript - if(input.type==’text’&&type != ’text’){return false;}这是什么意思？
排行榜
javascript - sublime快键键问题
javascript - sublime快键键问题
1. angular.js - angular1运行程序报错
2. javascript - 深夜被问题困扰求解惑，rn的API之PermissionsAndroidd的问题
3. javascript - react热加载的一段代码
4. CSS3的渐变属性的疑惑
5. iframe的无限加载
6. mysql update 如何回滚？
7. 在别的电脑使用JDBC连接其他电脑上安装的mysql数据库
8. javascript - [js]为什么画布里不出现图片呢？在线等
9. javascript - if(input.type==’text’&&type != ’text’){return false;}这是什么意思？
10. mysql 创建root 用户出错，这是什么原因？mysql 中也没有root用户
热门标签