什麼是響應式設計?

同一組網頁會自動調整版面,去適應開啟它的螢幕——手機、平板或桌機——而不是另外做一個手機版網站。圖片跟著縮放,選單收合,訪客不必放大縮小。

為什麼開店的人要在意

會上網找在地店家的人,多半正拿著手機。版面如果是照桌機排的,他們看到的就是米粒大的字、點不下去的電話號碼,還有一路跑出右邊界的選單——通常在找到價目表之前就關掉了。搜尋引擎也是先讀手機版的頁面,所以不管你有沒有特別設計,代表你這家店的就是手機上那個樣子。

怎麼用自己的手機檢查一遍

  1. 看真的網站,不要只看預覽。用你自己的手機、走行動網路打開已經發佈的網址,看到什麼就是什麼——桌機螢幕上的編輯器預覽只是你網站的一張示意圖,不是你的網站。
  2. 不放大,把整頁讀一遍:店名、你賣什麼、地址、營業時間、價格。任何你得放大才看得清的東西,客人就是直接跳過的東西。
  3. 每一顆會帶來生意的按鈕都點一次——打電話、查路線、訂位、加入購物車——然後把手機轉橫再重新整理。如果有一欄滑出畫面外,或圖片壓到文字上,那個版面是固定寬度,不是響應式。

常見的誤解: 以為響應式就是再做一個手機版網站。它是同一組網頁、同一份內容;做成兩個網站,只是多了一個地方讓營業時間過期。