---
tags: 公益程式體驗營 - 2022
---

# 🏅 5/30 (一) 每日切版任務 - 響應式網頁 問答
## 題目

* 請回答下方三道選擇題：

### Q1: 製作響應式網頁時 header 中必須加入什麼東西？
A. `<meta media="true" />`
B. `<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
C. `<script src="./viewport.js"></script>`
### Q2: 在響應式網頁中嚴格禁止出現以下哪個東西？
A. `X 軸`
B. `Y 軸`
C. `Z 軸`
### Q3: 關於響應式網頁的說法以下何者錯誤？
A. RWD 是 Responsive Web Design 的簡稱
B. `@media (max-width: 400px) {...}` 表示當螢幕尺寸大於等於 400px 就會套用 `{...}` 中撰寫的樣式
C. `@media (max-width: 400px) {...}` 表示當螢幕尺寸小於等於 400px 就會套用 `{...}` 中撰寫的樣式

### Q4: 關於響應式網頁的 @mixin 以下何者正確？
A. 在 SCSS / Sass 中 `@mixin` 寫法為

   @mixin mobile {
      @media (max-width:576px)
   }

B. 載入 `@mixin` 方式為 `@import mobile {}`
C. 載入 `@mixin` 方式為 `@include mobile {}`

<!--
ans:Ｂ、Ａ、Ｂ、C
-->
---

## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）


<!-- 解答： -->

回報區
---

<!-- 1. yunyun
ans: 1.B 2.A 3.B 4.C
-->

<!-- 2. Bruno Yu
ans: A1. B, A2. A, A3. B, A4. C -->

<!-- 2. Feng
ans:
1.B => 自動符合預設最佳解析度
2.A => 左右是X軸
3.B => max-width 是以下會運行
4.C => 使用mixin的方式是 @include mixinName {}
-->

<!-- 3. Joyce
ans: B A B C -->

<!-- 4.IreneLee
Q1: B
Q2: A
Q3: B
Q4: C
-->

<!-- 5. hsiehld#2395
Q1: B
Q2: A
Q3: B
Q4: C
-->

<!-- 6. ajhappy#6488
Q1: 製作響應式網頁時 header 中必須加入什麼東西？
Ans：B

Q2: 在響應式網頁中嚴格禁止出現以下哪個東西？
Ans：A

Q3: 關於響應式網頁的說法以下何者錯誤？
Ans：B

Q4: 關於響應式網頁的 @mixin 以下何者正確？
Ans：C
-->

<!-- 7. JackC
Ans:
1. B
2. A
3. B
4. C
-->

<!-- 8. bonnieli1414#4906
Ans:
1. B
2. A
3. B
4. C
-->

<!-- 9. Chi
Q1: B
Q2: A
Q3: B
Q4: C
-->

<!--10. StellaHsu #2687
1.B /2.A /3.B /4.C
-->

<!-- 11. hw#0715
BABC
-->

<!-- 12. 黑松胖#4836
Ans:BABC
-->

<!-- 13. Peng
1.B 2.A 3.B 4.C
-->

<!-- 14. RJRS#9430
Q1: B
Q2: A
Q3: B
Q4: C (A中@media後面應該還會有個{@content})
-->

<!-- 15. #han9437
1.b , 2.a ,3.b , 4.c
-->

<!-- 16. #Cheng-Yu#1813
https://codepen.io/ball77111/pen/VwQQRex
-->

<!-- 17. 小不點#1793
Ans: 1.B 2.A 3.B 4.C
-->

<!-- 18. danny123
A:

1. B

2. A

3. B

4. C

-->

<!-- 19. 楓之聲#6945
1.B 2.A 3.B 4.C
-->

<!-- 20. Josh Chen#4552
1.B 2.A 3.B
-->

<!-- 21. Tuhacrt#0008
ans: 1.B 2.A 3.B 4.C
-->

<!-- 22. LHchien
BABC
-->

<!-- 23. Ryan Lu#3642
B、A、B、C
-->

<!-- 24. Stanley
B、A、B、C
-->

<!-- 25. Chaoci#2460
Ans: B. A. B. C.
-->

<!-- 26. 前面是彩色的#3025
Ans: B. A. B. C.
-->

<!-- 27. EllieLo#9809
B.
A.
B.
C.
-->

<!-- 28. yuyu#6310
B. A. B. C.
-->

<!-- 29. Muse#9741
BABC
-->

<!-- 30. Noy
Q1:B, Q2:A, Q3:B, Q4:C
-->

<!-- 30. CloThEs
B A B C
-->

<!-- 31. 花禮湖燒#7359
BABC
-->

<!-- 32. 眠瀾#8857
ans. B / A / B / C
-->

<!-- 33. lyle#8123
BABC
-->

<!-- 34. RayChen#6088
B / A / B / C
-->

<!-- 35. Katie
B | A | B | C
-->

<!-- 36. Vera#5592
B A B C
-->

<!-- 37. J_u_d_y#5993
Q1: B
Q2: A
Q3: B
Q4: C
-->

<!-- 38. Lina Chen
BABC
-->

<!-- 39. Hao#2485
BABC
-->

<!-- 40. Murmurline#6969
BABC
-->

<!--41. TunacanBoy#2206
BABC
-->

<!--42. Tori#1287
BABC
-->

<!--43. SASIMI#5099
1. B
2. A
3. B
4. C
-->

<!-- 44. Mitour#0672
BABC -->

<!-- 45. Chaco#2993
1.B 2.A 3.B 4.C
-->

<!--46. ling chang#1024
1. B
2. A
3. B
4. C
-->

<!-- 47. Erica Chen#6929
Q1：B, Q2：A, Q3：B, Q4：C
-->

<!-- 48. Charlotte Lee
Ans: B. A. B. C.
-->

<!-- 49.Ayre#0016
ans:B A B C
-->

<!-- 50.amy芳#1385
BACC
-->

<!-- 51.hsiuhsiu
Ans: 1. B 2. A 3. B 4. C
-->

<!-- 52.skypassion5000#4151
Ans: BABC
-->

<!-- 53. Jamie
1.B / 2.A / 3.B / 4.C -->

<!-- 54. 白狐
Ans: 1.Ｂ 2.Ａ 3.Ｂ 4.C
-->

<!-- 54. 鉦勝
Ans: b a b c
-->

<!--55.yuling
BABC-->