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

Day 57 - Jinja & Blog Project

Day 57 - Jinja & Blog Project

[Week4] - API

[Week4] - API

動態型別

動態型別


Comments