首页 > 代码库 > CSS @media
CSS @media
例 1
.outside{ width: 500px; height: 300px;}/*写一个色块,x>1000黄色,800<x<1000绿色,500<x<800红色,x<500灰色*/@media screen and (max-width: 500px){ .outside{ background: gray; }}@media screen and (min-width: 500px) and (max-width: 800px){ .outside{ background: red; }}@media screen and (min-width: 800px) and (max-width: 1000px){ .outside{ background: green; }}@media screen and (min-width: 1000px){ .outside{ background: yellow; }}
可以把min-width和max-width理解为区间。
CSS @media
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。