高级任务8(媒体查询_flex布局_栅格系统)

题目1： 用媒体查询实现如下要求

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

效果
源码
题目2： 实现一个简单的栅格系统(可选题目)
效果
源码

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,791评论 25赞 709
  • 媒体查询_flex布局_栅格系统
    题目1： 用媒体查询实现如下要求 1.在页面宽度> 1200px 时页面背景为红色2.在页面1200px>=宽度>...
    saintkl阅读 2,778评论 0赞 0
  • 优秀第三方
    发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,250评论 4赞 61
  • 梦
    天灰沉沉的，乌云密布，厚厚的云层遮挡住了本来就少见的阳光，整条街道都被这绝望的灰色给包围住。 这时在路的尽头里一家...
    送梦师阅读 1,709评论 0赞 0
  • 农村 家 老房子 夜
    农村 家 老房子 夜静 有时候静的让人安宁 有时也静的吓人 我从睡梦中醒来 轻轻将门窗打开 想唱歌 想发呆 想某...
    阿蓖麻阅读 1,631评论 0赞 0