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

[ 紀錄 ] 實戰練習 - 部落格 (以 php 實作前端 + 後端)

[ 紀錄 ] 實戰練習 - 部落格 (以 php 實作前端 + 後端)

〈 AI 學習筆記 〉Automated Machine Learning 簡介與Auto-Sklearn實作紀錄

〈 AI 學習筆記 〉Automated Machine Learning 簡介與Auto-Sklearn實作紀錄

[FE302] React 基礎 ( hooks 版 ):React 基礎

[FE302] React 基礎 ( hooks 版 ):React 基礎


Comments