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

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

浏览：124日期：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. 微信开放平台 - Android调用微信分享不显示2. javascript - ie11以下单击打开不了file，双击可以。求解？3. javascript - js 有什么优雅的办法实现在同时打开的两个标签页间相互通信？4. javascript - 关于定时器 与 防止连续点击 问题5. objective-c - ios百度地图定位问题6. javascript - 求助这种功能有什么好点的插件？7. javascript - node.js服务端渲染解疑8. html5 - rudy编译sass的时候有中文报错9. 为何 localStorage、sessionStorage 属于html5的范畴，但是为何 IE8却支持？10. javascript - 求助关于js正则问题
排行榜
java - tomcat服务经常晚上会挂，求解？
java - tomcat服务经常晚上会挂，求解？
1. angular.js - angularjs中如何实现单击一个span标签之后，拿到span标签中的内容?
2. javascript - ie11以下单击打开不了file，双击可以。求解？
3. 初学 node.js，读取本地html文件报错
4. android - SDK24怎么下载？
5. objective-c - ios百度地图定位问题
6. jquery - angularjs如何做出导航效果？
7. android自带时钟应用的这个效果是怎么做的
8. javascript - 求助关于js正则问题
9. android - 离线地图的这种列表该怎么实现？
10. javascript - 手机版网站导航条水平滑动减速效果是如何实现的
热门标签