为了账号安全,请及时绑定邮箱和手机立即绑定

CSS的@media属性根据不同屏幕宽度链接不同css文件的问题

CSS的@media属性根据不同屏幕宽度链接不同css文件的问题

犯罪嫌疑人X 2018-08-13 15:10:34
为什么这样设置最后页面都加载的是最后一个CSS文件,不会根据屏幕不同宽度改变CSS文件怎么设置区间啊,比如0~1000一个CSS文件,1000~1500一个CSS文件,1500~1600一个CSS文件
查看完整描述

1 回答

?
慕少森

TA贡献2019条经验 获得超9个赞

顺序颠倒过来就行了,先写宽度小的,再写大的,或者把min换成max就行

你现在用min-width,假设屏幕宽度1920px
按照你现在的写法 既符合min-width: 1550px 也符合后面两个 最小的min-width: 768px 也生效,所以三个文件都会加载,只不过最后一个CSS的规则会覆盖前面两个


查看完整回答
反对 回复 2018-09-16
  • 1 回答
  • 0 关注
  • 508 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信