web前端-媒体查询

1、 用媒体查询实现如下要求

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

2、 实现一个简单的栅格系统(可选题目)

预览

（mission 8）

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

推荐阅读更多精彩内容

  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,337评论 0赞 11
  • 高级8-媒体查询，栅格系统
    1.用媒体查询实现如下要求 在页面宽度> 1200px 时页面背景为红色 在页面1200px>=宽度> 900px...
    24_Magic阅读 288评论 0赞 0
  • HTML5_CSS3_媒体查询
    1、 HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签？ HTML5是...
    不是我的简书阅读 853评论 0赞 0
  • 媒体查询
    题目1： 用媒体查询实现如下要求 在页面宽度> 1200px 时页面背景为红色 在页面1200px>=宽度> 90...
    GaoYangTongXue丶阅读 357评论 0赞 0
  • 足球是圆的，这个世界没有如果
    早上6点醒了，打开手机看新闻，头条弹出来中国足球赢了卡塔尔，但出局世界杯。主帅里皮在赛后采访时说，“本来我们能以小...
    雪木912阅读 294评论 0赞 0