javascript - CSS的@media属性根据不同屏幕宽度链接不同css文件的问题
本文介绍了javascript - CSS的@media属性根据不同屏幕宽度链接不同css文件的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
为什么这样设置最后页面都加载的是最后一个CSS文件,不会根据屏幕不同宽度改变CSS文件
怎么设置区间啊,比如0~1000一个CSS文件,1000~1500一个CSS文件,1500~1600一个CSS文件
解决方案
顺序颠倒过来就行了,先写宽度小的,再写大的,或者把min
换成max
就行
你现在用min-width
,假设屏幕宽度1920px
按照你现在的写法 既符合min-width: 1550px
也符合后面两个 最小的min-width: 768px
也生效,所以三个文件都会加载,只不过最后一个CSS
的规则会覆盖前面两个
这篇关于javascript - CSS的@media属性根据不同屏幕宽度链接不同css文件的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文