網站做完，廠商說「已經是rwd網站設計，手機電腦都會自動調整」，很多業主聽到這句話就放心地點頭驗收，結果上線後才發現手機版某個表格跑版、某個彈出視窗按了叉叉關不掉、某張圖片被拉得變形。不是廠商刻意偷工，而是rwd牽涉的螢幕尺寸組合太多，測試如果沒有系統性地跑過一輪，很容易有漏網之魚。這篇文章不談斷點該怎麼切，也不談技術原理，只談一件事：身為業主，不懂程式也能做的驗收方法，以及一份可以照著打勾的檢查清單。
rwd網站設計驗收，不需要懂技術也能做
很多業主一聽到驗收兩個字就退縮，覺得那是工程師的事，自己頂多看看畫面漂不漂亮就好。但rwd網站設計的驗收，絕大部分其實靠肉眼和常識就能判斷：畫面有沒有跑版、文字看不看得清楚、按鈕點不點得到、內容有沒有被遮住，這些都不需要懂程式碼。真正需要的，是願意花時間，把常用的功能和頁面，用手機、平板、電腦分別實際操作一遍，而不是只看廠商截圖給你的畫面。
比較容易出問題的，反而是業主因為信任廠商，或是急著上線，跳過了這個親自操作的步驟，直接以廠商口頭保證「都測過了」作為驗收依據。等到正式上線，客戶用自己的手機瀏覽時發現問題，才回頭要求修正，這時候往往已經影響到品牌觀感，甚至流失潛在客戶。
所以驗收的第一個心態調整，不是要業主變成技術專家，而是要把「親自用不同裝置實際操作過一遍」當成驗收的必要步驟，而不是可有可無的加分項目。
該在哪幾種螢幕尺寸看過一輪
理想情況下，驗收應該涵蓋三種常見裝置類型：手機直向、平板、以及桌機瀏覽器視窗縮放到不同寬度。很多業主只用自己的手機看一次就結案，但同樣是手機，螢幕寬度也有差異，窄螢幕手機容易出現的問題，在自己那支比較新、螢幕比較大的手機上不見得會發生。
比較實際的做法，是至少用兩支不同廠牌、不同螢幕大小的手機分別瀏覽一次，如果公司裡同事的手機廠牌不同，直接借來看一輪就很有幫助，不需要額外採購測試裝置。平板的部分，直向與橫向都建議各看一次，因為平板常常介於手機版與桌機版的中間地帶，是最容易被忽略、也最容易出現排版尷尬的尺寸。
桌機瀏覽器的部分，除了全螢幕檢視，也建議把瀏覽器視窗拖曳縮小，看看畫面在中間過渡的寬度會不會出現版面卡住、元素重疊的狀況，這是很多驗收流程會漏掉的一步，因為多數人只會用全螢幕或縮到最小這兩種極端寬度去看。
最容易被漏掉的幾個驗收項目
第一個常見漏項是橫向捲動：正常的rwd網站設計不應該讓使用者在手機上需要左右滑動才能看完內容，如果某一頁出現橫向捲軸，通常代表某個元素寬度沒有正確跟著螢幕縮放，這是驗收時第一眼就該注意的訊號。
第二個是表格爆版：前面提過表格在窄螢幕上特別容易出問題，驗收時務必找到網站裡有表格的頁面，實際在手機上打開看看是變形、跑版，還是有做過妥善的重新排列。第三個是彈出視窗關不掉：很多網站會用彈出視窗做活動公告或訂閱表單，驗收時要特別確認在手機上，這個視窗的關閉按鈕是否容易點到，有沒有因為畫面太小而被切掉或藏起來，導致使用者根本找不到叉叉在哪裡。
- 圖片變形：確認商品圖、banner圖在不同尺寸下比例是否正常，有沒有被拉伸或壓扁。
- 點擊區太靠近：手機上相鄰的按鈕或連結，間距太小容易誤觸，尤其是選單和表單欄位。
- 橫向螢幕沒測過：手機轉成橫向瀏覽時，畫面高度變矮，固定在畫面上的選單或按鈕容易遮住內容，這個情境很常被整個跳過。
一份可以逐項打勾的驗收清單
與其憑印象檢查，不如把驗收流程整理成一份可以逐項打勾的清單，每看完一頁、一個裝置就打勾記錄，這樣才不會漏掉，也方便日後追蹤修正進度。以下是一份可以直接套用的基本架構，建議依照自己網站的頁面類型調整增減。
- 首頁在手機直向、手機橫向、平板、桌機四種狀態下，畫面是否正常無跑版。
- 主選單在手機上能否正常展開與收合，點擊區是否容易誤觸。
- 有表格的頁面(例如方案比較、規格說明)在手機上是否有妥善處理，而不是原封不動的窄小表格。
- 所有彈出視窗、公告列在手機上是否容易關閉，關閉按鈕是否清楚可見。
- 圖片與banner在各尺寸下比例是否正常，有沒有被拉伸變形。
- 表單欄位在手機上是否好填寫，輸入框大小與間距是否合理。
- 頁尾聯絡資訊、地址、電話在手機上是否完整顯示，沒有被截斷或遮蔽。
把這份清單存起來，每次網站改版或新增頁面時都可以重新跑一次，能有效降低上線後才發現問題的機率。
驗收時發現問題，該怎麼跟廠商溝通
發現問題不代表要跟廠商大動干戈，清楚具體的描述反而能加快修正速度。比較有效的方式，是註明「在哪個裝置、哪個頁面、發生什麼狀況」，例如「用某廠牌手機直向瀏覽方案頁，表格文字被切掉看不到」，而不是籠統地說「手機版怪怪的」。如果能附上截圖，或至少標明是哪一支手機、哪個瀏覽器，廠商修正起來會快很多。
另外，驗收發現的問題建議一次整理完再統一提出，而不是想到一個就傳一個，這樣廠商可以有系統地排修正順序，也比較不會漏掉。如果問題比較多，也可以依照嚴重程度分類，例如「會擋住使用者操作的」優先處理，「畫面不夠美觀但不影響使用的」可以排在後面。
好的rwd網站設計驗收流程，應該是業主與廠商之間有共同的檢查依據，而不是各說各話。有清單可以對照，雙方溝通會清楚很多，也能減少上線後才發現問題的風險。
常見問題
驗收一定要找懂技術的人幫忙嗎？
不一定。前面提到的多數項目，像是跑版、圖片變形、按鈕點不到，都是肉眼可以判斷的，不需要懂程式碼。真的遇到看不懂原因的狀況，再請廠商說明或協助排查即可。
只用自己的手機測試夠不夠？
不太夠。建議至少找兩支不同廠牌、不同螢幕尺寸的手機分別測試，因為不同螢幕寬度出現問題的位置也不一樣，單一裝置容易漏掉其他使用者會遇到的狀況。
平板需要另外測試嗎？
建議需要。平板的螢幕寬度介於手機與桌機之間，常常是最容易被忽略、也最容易出現版面銜接問題的尺寸，直向和橫向都建議各看一次。
驗收清單要做多細才夠？
不需要涵蓋網站上每一個像素，重點放在首頁、主要功能頁面、有表格或表單的頁面，以及選單和彈出視窗這幾類最容易出問題的地方即可。
如果你正準備驗收一個新做好的rwd網站，或是懷疑舊網站在手機上其實一直有沒被發現的問題，創昇SEO提供免費的網站健檢，也有全台免費到府解說的服務，可以陪你一起用不同裝置實際檢視，把該打勾的項目一項一項確認清楚，再決定要不要驗收通過。