开发者社区> 问答> 正文

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

为什么这样设置最后页面都加载的是最后一个CSS文件,不会根据屏幕不同宽度改变CSS文件

screenshot

怎么设置区间啊,比如0~1000一个CSS文件,1000~1500一个CSS文件,1500~1600一个CSS文件

展开
收起
爵霸 2016-06-17 11:30:03 1955 0
1 条回答
写回答
取消 提交回答
  • 顺序颠倒过来就行了,先写宽度小的,再写大的,或者把min换成max就行

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

    2019-07-17 19:42:19
    赞同 展开评论 打赏
问答分类:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载