高級任務8(媒體查詢_flex布局_柵格系統)

題目1： 用媒體查詢實現如下要求

1. 在頁面寬度> 1200px 時頁面背景為紅色 
2. 在頁面1200px>=寬度> 900px  時頁面背景為綠色
3. 在頁面900px>=寬度> 600px  時頁面背景為黃色
4. 寬度<=600px 背景為灰色

效果
源碼
題目2： 實現一個簡單的柵格系統(可選題目)
效果
源碼

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,581評論 25贊 708
  • 題目1： 用媒體查詢實現如下要求 1.在頁面寬度> 1200px 時頁面背景為紅色2.在頁面1200px>=寬度>...
    saintkl閱讀 364評論 0贊 0
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,259評論 4贊 61
  • 天灰沉沉的，烏云密布，厚厚的云層遮擋住了本來就少見的陽光，整條街道都被這絕望的灰色給包圍住。 這時在路的盡頭里一家...
    送夢師閱讀 253評論 0贊 0
  • 農村 家 老房子 夜靜 有時候靜的讓人安寧 有時也靜的嚇人 我從睡夢中醒來 輕輕將門窗打開 想唱歌 想發呆 想某...
    阿蓖麻閱讀 244評論 0贊 0