在手機瀏覽快要大於電腦瀏覽的時代，設計網站時也要根據網站的性質來考慮大多數的使用者會在什麼裝置下瀏覽，許多以「mobile first」的網站也越來越風行，有時候先設計好手機上瀏覽的樣貌再思考如何轉換到其他裝置也會是另一種有幫助的思考模式！​

​

Responsive Web Design (RWD)響應式網站設計是指網站能跨平台使用，自動偵測使用者上網的裝置尺寸，能針對不同螢幕的大小而自動調整網頁圖文內容， 讓使用者在用手機瀏覽您的網站時，不用一直忙著縮小放大拖曳，給使用者最佳瀏覽畫面。​

​

本篇列舉「導覽列、直式排版、 icon 處理、字體大小、Hover」這幾個基礎細節，讓設計師在思考 RWD 時更加分！​

本文章閱讀​，請到 ➜ https://webcrack.tw/knowledge/rwd-web-design