# 🏅 Day 19 - RWD 觀念選擇題

RWD 是一種網站設計方法，讓你的網頁可以自動調整，以適應不同大小的螢幕和裝置（例如：電腦、筆記型電腦、平板、手機）。

### 題目
**選擇題，一共五題，可群組討論，請在任務提交時要解釋選擇答案的原因。**

1. 請問下列何者是正確的 media query 語法？

A. @media (min-width: 600px) {...}
B. @media min-width: 600px {...} 
C. @media (min-width = 600px) {...}
D. @media min-width = 600px {...}

2. 根據以下 CSS 請問最後字呈現的顏色為什麼？

    <style>
      .color-class { color: blue; }
      #color-id { color: red; }
      div {color: yellow; }
    </style>
    
    <div id="color-id" class="color-class">Color</div>

A. 藍色
B. 紅色 
C. 黃色
D. 黑色

3. 根據以下 CSS，在螢幕解析度 600px 時文字的顏色為何？

    @media (min-width: 576px){
        p { color: red;}
    }
    @media (min-width: 768px){
        p { color: black; }
    }
    p { color: yellow; }

A. 紅色 
B. 黑色
C. 黃色
D. 藍色

4. 根據以下 CSS，在螢幕解析度 600px 時文字的顏色為何？

    p { color: yellow; }
    @media (min-width: 576px){
        p { color: red;}
    }
    @media (min-width: 768px){
        p { color: black;}
    }

A. 紅色 
B. 黑色
C. 黃色
D. 藍色

5. 針對響應式圖片的設定，應該幫 img 標籤加上什麼語法？

A. max-width:100%
B. width:100%
C. max-width: 100px
D. width: 100px

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）
（也可以將答案直接貼至「回報區」）


<!-- 解答：
ABCAA
-->

回報區
---

|#|Discord|CodePen / 答案|
|:----:|:----:|:----:|
| 1 | Katie | [Codepen](https://codepen.io/Katiekatiehsu/pen/QwjWEdW) |
| 2 | Calvin |[Codepen](https://codepen.io/CalvinChang/pen/MYaWeby) |
| 3 | Tetsu |[Codepen](https://codepen.io/ttgchang/pen/PwPozbV) |
| 4 | Jenna |[Codepen](https://codepen.io/abiscc14/pen/wBKvWxv) |
| 5 | Clove |[Codepen](https://codepen.io/CloveTseng1026/pen/EaVxyRb) |
| 6 | Shawn |[Codepen](https://codepen.io/LiShang/pen/LEpYZqJ) |
| 7 | Jerome |[Codepen](https://codepen.io/qsc002163/pen/XJmWKOz) |
| 8 | cks40660 |[Codepen](https://codepen.io/CKS40660/pen/WbQNxqx) |
| 9 | Chia__ |[Codepen](https://codepen.io/Chia-the-encoder/pen/yyYLJYN) |
| 10 | 社子畢卡索 |[Codepen](https://codepen.io/pen?template=empYdOe) |
| 11 | 牛奶嘎 |[Codepen](https://codepen.io/Joyce-Niu/pen/XJmWKBa?editors=1100) |
| 12 | RUDY |[Codepen](https://codepen.io/Rudy-crw/pen/VYvwKYN?editors=1100) |
| 13 | 登登登 |[Codepen](https://codepen.io/Duncanin/pen/bNVGeZV) |
| 14 | 那個貓貓 |[Codepen](https://codepen.io/zorakao/pen/dPYypEY) |
| 15 | pastor |[Codepen](https://codepen.io/peter_hung/pen/gbaOMXE) |
| 16 | Nooooora |[Codepen](https://codepen.io/Nora-Ch/pen/RNWwGow) |
| 17 | 地瓜 |[Codepen](https://codepen.io/ChippyYU/pen/VYvwKpo) |
| 18 | Elvina |[Codepen](https://codepen.io/Elvina-the-selector/pen/bNVGBev?editors=1100) |
| 19 | 老屠 |[Codepen](https://codepen.io/fsgfxvlb-the-selector/pen/gbaOLGo) |
| 20 | KlausChen |[Codepen](https://codepen.io/Klaus-Chen/pen/ByoaQZr) |
| 21 | jchunnn |[Codepen](https://codepen.io/jchunnn/pen/bNVbxNw)|
| 22 | ja4071 |[Codepen](https://codepen.io/SHAO-L/pen/jEbOVKJ?editors=1112)|
| 23 | JiaMori |[Codepen](https://codepen.io/jiamori/pen/JoYjNWY) |
| 24 | Fan |[Codepen](https://codepen.io/btsihioy-the-reactor/pen/ByoaZmg) |
| 25 | 平平 |[Codepen](https://codepen.io/ypinpin/pen/empYRLW) |
| 26 | 7Lun |[Codepen](https://codepen.io/btsihioy-the-reactor/pen/ByoaZmg) |
| 27 | 力文 |[Codepen](https://codepen.io/liwenchiou/pen/raONGqa) |
| 28 | Sid |[Codepen](https://codepen.io/monkeybear721/pen/YPyzEzY) |
| 29 | 小懿 |[Codepen](https://codepen.io/YT-the-vuer/pen/MYaWoNo)|
| 30 | Sam.S.T.Y |[Codepen](https://codepen.io/Sam-Yang-the-animator/pen/NPGWXwp?editors=1100)|
| 31 | Rogan |[Codepen](https://codepen.io/pen/)|
| 32 | CBK |[Codepen](https://codepen.io/BK-C-the-styleful/pen/YPyzEBd)|
| 33 | 燕 |[Codepen](https://codepen.io/keyrtlij-the-reactor/pen/MYaWrZX)
| 34 | kashiwatei |[Codepen](https://codepen.io/kashiwatei/pen/jEbOYdZ?editors=1010) |
| 35 | 西娜 |[Codepen](https://codepen.io/Sheena-the-encoder/pen/ByoaMMP) |
| 36 | Eagle Huang |[Codepen](https://codepen.io/YuCi/pen/WbQNmOV) |
| 37 | Chris Wang |[Codepen](https://codepen.io/Wang-Chris/pen/RNWwOoX) |
| 38 | suemma |[Codepen](https://codepen.io/suemma/pen/raONbPq) |
| 39 | Min |[Codepen](https://codepen.io/cvqevoxk-the-decoder/pen/YPyzbWW) |
| 40 | Kiku |[Codepen](https://codepen.io/Kiku0110/pen/dPYyzBo?editors=1100) |
| 41 | 禹成林 |[Codepen](https://codepen.io/useirin/pen/vENEEeo) |
| 42 | Scrooge |[Codepen](https://codepen.io/yrkmdwch-the-encoder/pen/jEbEEeG) |
| 43 | An |[Codepen](https://codepen.io/bzrpsbjq-the-encoder/pen/WbQbbVZ?editors=1100) |
| 44 | Hao |[Codepen](https://codepen.io/Howell/pen/myeyEov) |
| 45 | Celia |[Codepen](https://codepen.io/Cindy-Ho/pen/ZYbYpXa) |
| 46 | PK |[Codepen](https://codepen.io/Percy-Ku/pen/RNWNoJV) |
| 47 | NGNLzenos |[Codepen](https://codepen.io/xmijbzdb-the-animator/pen/JoYoMBw) |
| 48 | 柔術小子 |[Codepen](https://hackmd.io/S_W-_1XzSTK0J6wWOV7V6w?both) |
| 49 | Evelyn |[Codepen](https://codepen.io/ewdyvnmp-the-typescripter/pen/JoYdYKK) |
| 50 | Doreen翠翠翠 |[Codepen](https://codepen.io/cuei-sian-Wang/pen/myeyMoe) |
| 51 | Leonard |[Codepen](https://codepen.io/hyyfjqra-the-sans/pen/GgpJyxb?editors=0010) |
| 52 | kate_bearchou |[Codepen](https://codepen.io/ydzfqmuh-the-selector/pen/LEpVaXL) |
| 53 | B |[Codepen](https://codepen.io/Babel777/pen/ZYbbJoL) |
| 54 | Lika |[Codepen](https://codepen.io/wlyvctff-the-solid/pen/RNWrRJV) |
| 55 | 主委加碼啦幹 |[Codepen](https://codepen.io/popbob-the-bashful/pen/KwdVmjZ) |
| 56 | Atian |[Codepen](https://codepen.io/A-Tian-Chen/pen/zxvrLmO) |
| 57 | water |[Codepen](https://codepen.io/wateruby/pen/NPGxVNq)|
|58|小趴|[Codepen](https://codepen.io/papa2415/pen/yyYObRX)|
|59|KOMATSU PEI|[Codepen](https://codepen.io/Komatsu2021/pen/PwPbRNg?editors=1000)|
| 60 | 伊迪 |[Codepen](https://codepen.io/eku10rei/pen/Qwjdwdg) |
| 61 | YUCCC |[Codepen](https://codepen.io/taroooo/pen/GgprJwd) |
| 62 | tanuki_狸貓 |[Codepen](https://codepen.io/tanuki320/pen/VYvPRzx) |
| 63 | Lucy |[Codepen](https://codepen.io/Lucytrycode/pen/WbQpPqa) |
| 63 | 孟 |[Codepen](https://codepen.io/Mengru0503/pen/jEbBgrq) |
| 64 | cindy |[Codepen](https://codepen.io/a50134/pen/NPGgyZw) |
| 65 | Midy Wu |[Codepen](https://codepen.io/work-wu/pen/ogjozXb) |
| 66 | maerc |[Codepen](https://codepen.io/Lu-Liangyu/pen/NPGEWNd) |
| 67 | 星雪糖 |[Codepen](https://codepen.io/vfpofbgm-the-scripter/pen/ZYQWJYB) |

<!-- 快速複製 -->
<!-- | 排序 | 姓名 |[Codepen]() | -->