---
# System prepended metadata

title: 第三周小組任務_19組討論記錄

---

# 第三周小組任務_19組討論記錄
* Lisa L.#0426

Q: 六角學院首頁斷點
A: 總共5個，0px, 576px, 768px, 992px, 1200px。
![](https://i.imgur.com/lPOPv8K.jpg)


Q: 請描述這頁在 iPad、Mobile 上做了哪些巧思？
A: ipad尺寸：
1. 六角學院logo出現在左上角。
2. Navbar顯示在最頁面最上方。
3. "別說了！我要上課！"字樣及"我要申請"按鈕顯示在右側。
4. 小圖示集中在左側頁面。
5. 採雙欄式頁面，右側欄位顯示課程內容。
 ![](https://i.imgur.com/ZmhTHwy.jpg)
 
  iphone尺寸：
1.   六角學院圖片logo消失了。
2.   Navbar的選單被收起來變成漢堡選單。
3.   "別說了！我要上課！"字樣及"我要申請"按鈕滿版顯示
4.   圖片切換成大圖示。
5.   單欄式頁面
![](https://i.imgur.com/vfZ1Qib.jpg)


* Tiffany#1122
https://hackmd.io/@Tu0Nq2d-TkSb3XVmoADQjA/BkY3Q2QD9

* Vivian #9511
https://hackmd.io/@jqyPikzBSuWtYZrsc2Tnsg/ByURgucwq


* 角Y #7449
從電腦做縮放，在約576px的時候，排版變成單欄。在約992px的時候，某幾個物件有比例變大(例如
![](https://i.imgur.com/DMmCe85.png)
另外除了幾位同學上述提到的部分，剩下我有找到的大概是下面兩點
![](https://i.imgur.com/Syu5lWo.jpg)


* LYC #5516
校長金句集小於768px是另一張圖片
![](https://i.imgur.com/olIa6OI.png)
![](https://i.imgur.com/nMHQIxq.png)
授課流程也是
![](https://i.imgur.com/uDmmxRg.png)
![](https://i.imgur.com/hDQ7eLA.jpg)

* 討論截圖
![](https://i.imgur.com/HWJqCFC.png)

