---
# System prepended metadata

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

---

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

    ```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 | 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]() | -->