文章详情页

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

浏览：94日期：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. dockerfile - 我用docker build的时候出现下边问题麻烦帮我看一下2. docker不显示端口映射呢？3. android - viewpager问题PagerTabStrip样式4. angular.js - angular内容过长展开收起效果5. javascript - CSS图片轮播显示问题6. javascript - vue-router怎么不能实现跳转呢7. python 字符串匹配问题8. javascript - 这里的这个函数是干嘛用的？9. docker绑定了nginx端口外部访问不到10. python - xpath提取网页路径没问题，但是缺失内容？