決定RWD 設計模式; 套用CSS media query; 使用相對單位設定寬高、大小. 1. 設定viewport. viewport（檢視區）指的就是 ... Loading...首頁課...

卡片式的設計可以在電腦版和手機版自由切換，與手機APP清單的瀏覽模式相近，可清楚呈現每個item，點選範圍也變大了，許多列表的樣式(例如news list)也都 ... ...

網頁設計作品 在TEMPLATED 中集結了上百個免費的網頁版型可下載使用，有的甚至被允許做為商業用途，使用者可以透過預覽的方式來瀏覽素材，找到喜歡的樣式後，只需要點 ... ...

Creative Market是一個提供設計資源的線上販售平台，每周會提供六個素材免費 ... 筆刷、圖樣等素材，分類多元而豐富，不管是參考設計樣式還是付費使用素材都很方便。 ...

... 製化網頁設計，只要您提出想法，貝爾網站都能提供您滿意的解決方案， 各種網站建置方案皆有獨特風格樣式及實用功能的網頁設計版型，多樣性的選擇為您打造專屬品牌 ... ...

回應式網頁使用的大多數版面配置可以分成五大外觀設計模式: 主體為流動(mostly fluid)、欄內容下排(column drop)、版面配置位移(layout shifter)、微小 ......