媒体查询_删格系统

用媒体查询实现如下要求

1. 在页面宽度> 1200px 时页面背景为红色 
2. 在页面1200px>=宽度> 900px  时页面背景为绿色
3. 在页面900px>=宽度> 600px  时页面背景为黄色
4. 宽度<=600px 背景为灰色

代码
预览

实现一个简单的栅格系统

代码
预览

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,907评论 25赞 709
  • 优秀第三方
    发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,353评论 4赞 61
  • 中国男人配不上中国女人吗？
    昨天朋友圈被各种信息刷屏，有对象的朋友秀恩爱、晒礼物，单身狗们有的哀怨不已，有的愤恨交加……这些信息中，已婚女性对...
    四月晴明阅读 4,288评论 1赞 1
  • 一周一本《小强升职记》
    一本介绍时间管理初级入门方法的实用书籍。主人公小强实践“做事靠系统，不是靠感觉！”之后，解决问题，升职加薪。有代入...
    张奋斗阅读 1,648评论 0赞 0
  • 情深似海
    他是书生 白衣飘飘，翩翩年少 她是戏子 袅娜纤巧，余音绕梁 初见，惊艳 再见，痴恋 携手 听风，看雨，醉月 赴京赶...
    玄素清浅阅读 1,751评论 0赞 0

友情链接更多精彩内容