響應式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

Spread Operator 與 Rest Parameters 與 Default Parameters

Spread Operator 與 Rest Parameters 與 Default Parameters

Vue.js v-model

Vue.js v-model

個人CodeBase紀錄 - EP.3 點我下載! ajax呼叫action回傳檔案流

個人CodeBase紀錄 - EP.3 點我下載! ajax呼叫action回傳檔案流


Comments