用手機打開一個網站，字小到要用手指放大、看一行還得左右滑——那就是沒有做 RWD 的網站。RWD（響應式網頁設計）一句話：同一個網站，版面會依螢幕大小自動重新排列，手機、平板、電腦都好讀。
現在做網站，RWD 不是加分題，是基本盤。這篇用 AXLID 自己的網站當例子，讓你親眼看同一頁在電腦和手機上怎麼變，最後教你 30 秒檢查自己的網站及不及格。
RWD 是把網站「重新排版」，不是把畫面縮小
很多人以為手機版就是把電腦畫面等比例縮小——那正是跑版網站難用的原因，縮小後的字只有螞蟻大。RWD 做的是重排：導覽列收成右上角的選單、橫排的卡片改成直排、按鈕放大到手指點得到。內容同一份，排法依螢幕重新設計。
上面那張圖就是實例：桌機版的導覽列七個選項一字排開；手機版收進選單按鈕，標語自動折行、按鈕變成整排寬——不用放大、不用左右滑。
「另外做手機版網站」和 RWD 差在哪？
十幾年前的做法是做兩個網站：電腦版一個、手機版一個，網址常是 m. 開頭。兩套內容要改兩次、維護兩份，搜尋權重也被拆散。RWD 只有一個網站、一個網址，內容改一次，所有裝置同步更新。
手機版和電腦版的文字，一定要一模一樣嗎？
不一定。RWD 的基本盤是「同一份內容、自動重排」，但好的客製化網站可以再往前一步——針對手機微調文字與排版：桌機上的長標題在手機換成短版本、段落切得更碎、重點和聯絡按鈕提早出現，讓小螢幕的閱讀節奏更順。這種細節正是套版網站做不到的地方。
SEO 上只有一條要守住：Google 是行動優先索引，收錄與排名以「手機版看得到的內容」為準，不是兩邊各算一次。所以微調沒問題，但重要的服務說明、價格與關鍵內容不能只放在電腦版——手機上看不到的東西，對 Google 來說幾乎等於不存在。
網站在手機上跑版，通常是這三個原因
- 網站年代早：只有固定寬度的桌機版型，整頁被硬塞進小螢幕，只能靠手指放大縮小。
- 尺寸寫死：圖片或表格超出螢幕寬，出現左右捲軸，字級也不會隨螢幕調整。
- 套版擠壓：主題號稱支援手機，但內容一多就變形，按鈕小到點不到。
這三種都不是「修一下」就能解決的——排版邏輯本身是桌機思維，通常要在網站改版時整個重新設計。這也是為什麼 AXLID 把全裝置 RWD 做在每個方案的基本盤裡，而不是列成加購項目。
30 秒檢查你的網站及不及格
- 用手機打開自己的網站：需不需要左右滑動才能看完內容？
- 不放大畫面的情況下，內文讀得順嗎？按鈕一根手指點得到嗎？
- 用電腦把瀏覽器視窗慢慢拉窄：版面會跟著重新排列，還是硬生生被切掉？
三題只要有一題不及格，流失的不只是體驗——Google 採行動優先索引，是以手機版內容來評估網站的；手機難用的網站，搜尋排名也會跟著吃虧。
