---
# System prepended metadata

title: "\U0001F3C5 Day 21 - RWD 觀念選擇題"
tags: [網頁切版直播班 - 2024 夏季班]

---

# 🏅 Day 21 - 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 請問最後字呈現的顏色為什麼？

    ```htmlembeded
    <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 時文字的顏色為何？

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

    A. 紅色 
    B. 黑色
    C. 黃色
    D. 藍色
    
    
    
    
4. 根據以下 CSS，在螢幕解析度 600px 時文字的顏色為何？

    ```jsx
    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 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）
（也可以將答案直接貼至「回報區」）

![](https://i.imgur.com/vftL5i0.png)

<!-- 解答：
ABCAA
-->


回報區
---

|#|Discord|CodePen / 答案|
|:----:|:----:|:----:|
| 1 | han | [Codepen](https://codepen.io/iamHanCheng/pen/wvLGVRy) |
| 2 | fendy1223 | [Codepen](https://codepen.io/fendy1223/pen/QWXNeoV) |
|3|Hailey|[Codepen](https://codepen.io/sxbokfja-the-flexboxer/pen/PorNMgO)|
| 4 | 毛巾 |[Codepen](https://codepen.io/bqdcjboa-the-solid/pen/QWXNeXZ)|
| 5 | Ariel | [Codepen](https://codepen.io/ariel0510/pen/bGPebdx?editors=1100) |
| 6 | NocabWang(培根) | [Codepen](https://codepen.io/PeihanWang/pen/ExByYPV?editors=1000) |
| 7 | yoishere | [Codepen](https://codepen.io/yoishere/pen/dyBMxQX) |
| 8 | Theodore | [Codepen](https://codepen.io/GustavoFringgg/pen/oNrLvqG) |
| 9 | ㄚ華 | [Codepen](https://codepen.io/rzzuehiv-the-vuer/pen/ZEdOzob) |
| 10 | Ollie | [Codepen](https://codepen.io/pen/) |
| 11 | YiJIng(怡靜) | [Codepen](https://codepen.io/YijingC/pen/KKjMKdz?editors=1100) |
| 12 | brucelee0629 | [Codepen](https://codepen.io/xxhdklwi-the-decoder/pen/jOjrOOb) |
| 13 | Kiwi | [Codepen](https://codepen.io/kiwi1113/pen/rNELaGP) |
| 14 | ninii傳教士 | [Codepen](https://codepen.io/niiniiii/pen/RwzRbXe?editors=1000) |
| 15 | Lobinda | [HackMD](https://hackmd.io/@Lobinda/ByyX6_iuA)|
| 16 | Mike | [Codepen](https://codepen.io/pen/?editors=1000) |
| 17 | 泊岸 | [Codepen](https://codepen.io/qoq77416416/pen/KKjMPZO?editors=1000) |
| 18 | KevinHuang | [Codepen](https://codepen.io/qw-huang/pen/yLdJYoM) |
| 19 | kawa | [Codepen](https://codepen.io/z83xji6/pen/dyBXYKa) |
| 20 | Jim | [Codepen](https://codepen.io/JimChou/pen/NWZrxWp?editors=1100)|
| 21 | KUN. | [Codepen](https://codepen.io/barry91205/pen/rNELxvR) |
| 22 | Jainee | [Codepen](https://codepen.io/Jainee0110/pen/zYVBqOY) |
| 23 | Amy(咂摳) | [Codepen](https://codepen.io/nnxucgmc-the-builder/pen/gONMPVX) |
| 24 | anderson666 | [Codepen](https://codepen.io/goodmanbuild/pen/qBzNZVr) |
| 25 | jimmy.0706 | [Codepen](https://codepen.io/JimmyMao/pen/OJeXNqd) |
| 26 | hao jing | [Codepen](https://codepen.io/hjxu/pen/XWLKdZd) |
| 27 | Sammy | [Codepen](https://codepen.io/fsczdlla-the-bold/pen/bGPeeme) |
| 28 | hsiu8767 | [Codepen](https://codepen.io/hsiu8767/pen/NWZrRKp) |
| 29 | MY | [Codepen](https://codepen.io/ahmomoz/pen/wvLWzMg) |
| 30 | PoWei | [Codepen](https://codepen.io/Po-Wei-Lai/pen/GRbqjGW) |
| 31 | lunlun0514 | [Codepen](https://codepen.io/f5badapple/pen/XWLKNpb) |
| 32 | Sonia | [Codepen](https://codepen.io/YUJOU/pen/QWXEGXW?editors=1010) |
  | 33 | david1819 | [Codepen](https://codepen.io/David-Lin-the-vuer/pen/KKjMPwJ) |
  | 34 | 邵 |[Codepen](https://codepen.io/ukscrlno-the-typescripter/pen/mdZEMLO?editors=1000)|
| 35 | n913239 | [Codepen](https://codepen.io/n913239/pen/rNELGMN) |
| 36 | 俊 | [Codepen](https://codepen.io/jun12079/pen/OJeXxXv) |
| 37 | chris | [Codepen](https://codepen.io/chrischen666/pen/eYwzGEm?editors=1000) |
| 38 | xiang | [Codepen](https://codepen.io/XIANG-XIANG/pen/abgZVpV) |
| 39 | OSN |[Codepen](https://codepen.io/osncodepen/pen/jOjrZNe)|
| 40 | jasonlin | [Codepen](https://codepen.io/gfswkraq-the-reactor/pen/QWXEmWW) 
| 41 | 嚼勁先生 | [Codepen](https://codepen.io/James520284/pen/VwJjGYJ) ||
| 42 | Kaya | [Codepen](https://codepen.io/kayaribi/pen/PorzdqZ) |
| 43 | 陳小廷 | [Codepen](https://codepen.io/ting1124/pen/poXbQmw) |
| 44 | emmayo | [Codepen](https://codepen.io/emmayo/pen/JjQRPjo) |
| 45 | 咖 | [Codepen](https://codepen.io/daru-Ga/pen/qBzaWJr) |
| 46 | Anna | [Codepen](https://codepen.io/Anna-Teng/pen/qBzaBzJ) |
| 47 | Chuang | [Codepen](https://codepen.io/uidoytjq-the-solid/pen/poXEoqR) |
| 48 | 地瓜 | [Codepen](https://codepen.io/huangtzuchin/pen/jOjMELG) |
| 49 | 皮皮 | [Codepen](https://codepen.io/rainbow-the-reactor/pen/oNrzjoy) |
| 50 | Noelle | [Codepen](https://codepen.io/NoelleKH/pen/dyBpGgP) |
 | 51 | gracechiang | [Codepen](https://codepen.io/gracechiang225/pen/PorGzBM) |
| 52 | wind | [Codepen](https://codepen.io/wind7y/pen/VwJKjVq) |
| 53 | xcx100 | [Codepen](https://codepen.io/c13026/pen/oNrzwKQ) |
| 54 | yaoling.liang | [Codepen](https://codepen.io/Yao-Ling-L-/pen/jOjMvPV?editors=1100) |
| 55 | Heidi|[Codepen](https://codepen.io/Heidi-Hsiao/pen/rNEMqyg?editors=1010) |
| 56 | Dolce_墨 | [Codepen](https://dolcetseng.github.io/vite-training/21.html) |
| 57 | joanne hu | [Codepen](https://codepen.io/nelbabkv-the-flexboxer/pen/QWXGLZJ) |
| 58 | AURATAO| [Codepen](https://codepen.io/AURATAO/pen/XWLNgva) |
| 59 | Kerwin | [Codepen](https://codepen.io/kerwin/pen/MWMbEbP) |
| 60 | zaoannihao | [Codepen](https://codepen.io/ckhwdvrx-the-solid/pen/JjQbvNB) |
| 61 | 610 | [Codepen](https://codepen.io/YI-LING-LIU/pen/MWMbLOz) |
| 62 | Jack | [Codepen](https://codepen.io/kxbhixte-the-sasster/pen/PorbvwG) |
| 63 | GAVI | [Codepen](https://codepen.io/qbafldcv-the-scripter/pen/BagpaZq) |
| 64 | EdHuang | [Codepen](https://codepen.io/yide1986/pen/ZEdLOJY) |
| 65 | Antonio | [Codepen](https://codepen.io/gwhvusel-the-builder/pen/WNqjzeE) |
| 66 | Toung | [Codepen](https://codepen.io/Toung/pen/GRbmGLo)
| 67 | glen_69515 | [Codepen](https://codepen.io/glenyaochih/pen/VwJPJam)
| 68 | Arvin | [Codepen](https://codepen.io/arvinyang1925/pen/ZEdKdXm) |
| 69 | Enn | [Codepen](https://codepen.io/enntang/pen/abgwbmx) 
| 70 | Asu | [Codepen](https://codepen.io/wuasu/pen/yLdXade) 
| 71 | Emma | [Codepen](https://codepen.io/Emma0919/pen/zYVdryq) |
| 72 | Judy | [Codepen](https://codepen.io/yangchi/pen/XWLVmWj) |
| 73 | 野鴿 | [Codepen](https://codepen.io/HoshinoSyouta/pen/ZEdvQMq) |
| 74 | 小翎 | [Codepen](https://codepen.io/debbielin/pen/ExBoVbw?editors=1000) |
| 75 | Kim | [Codepen](https://codepen.io/kim0101__/pen/ExBQwNz) |
| 76 | zen | [Codepen](https://codepen.io/zen742937/pen/dyBeLWd) |
| 77 | 深海 | [Codepen](https://codepen.io/KAI-SHIN-the-animator/pen/rNEQrbd) |
| 78 | KOMATSU PEI | [Codepen](https://codepen.io/Komatsu2021/pen/LYKorLX) |
| 79 | Lotte | [Codepen](https://codepen.io/hmkdoxuj-the-decoder/pen/MWMdLqr?editors=1000) |
| 80 | Angela_la | [Codepen](https://codepen.io/Angela-the-builder/pen/mdNdQzN?editors=1100) |
<!--
| No | Discord | [Codepen]() |
-->
