響應式RWD實作練習


Posted by hoyi-23 on 2021-05-14

響應式表格設計 資訊太多怎麼辦?

1.不必要的資料可以隱藏。

  1. 使用 overflow-x (當X軸超出時,會出現只針對超出物的滾動軸)
    參考Codepen: https://codepen.io/Hoyi/pen/mdOGRoe

好用的框架 pure.css / bootstrap

  1. bootstrape
  2. pure.css
    練習一 https://codepen.io/Hoyi/pen/XWNPMYv
    練習二 https://codepen.io/Hoyi/pen/vYyzZBv
    

漢堡選單實作練習

https://codepen.io/Hoyi/pen/qBqMQJL

Off Canvas 左右側選單

https://codepen.io/Hoyi/pen/MWbPaXv

RWD網站版型框架設定實作

https://codepen.io/Hoyi/pen/LYbmBGw?editors=1100


#漢堡選單 #選單設計 #RWD #pure.css #Off Canvas選單







Related Posts

JS30 Day 6 筆記

JS30 Day 6 筆記

[day-3]布林、undefined、null/字串數字轉換/比較與邏輯運算子

[day-3]布林、undefined、null/字串數字轉換/比較與邏輯運算子

Day 93

Day 93


Comments