toniii6107的部落格

響應式網站(RWD)設計已經成為網站設計的主流，雖然它能解決許傳統網站在多尺寸螢幕相容問題，但它也有著一些你不可不知缺點存在，因此在設計響應式網站(RWD)上需要更加仔細確認。以下我們來討論幾個響應式網站需要注意的特性：

適應各種行動裝置尺寸

每當市場上推出新的行動設備，將可能會有新的顯示尺寸，如智慧型手機與智慧型手錶將適用不同尺寸顯示。因此為了應對這一個情況，您應該創建一個可擴展到當前所有屏幕尺寸的網頁設計，並且還可以使用即將推出的設備進行管理。如果屏幕尺度跨度太大，那麼在相對其原始設計而言過小或過大的屏幕上不能正常顯示。

視覺格式的整體性

要因應各種屏幕尺寸和設備，在視覺呈現上肯定會有不同的排版，這裡

需要注意到就算使用不同排版方式，視覺設計還是需要呈現一定的一致性，才能維持網站的整體度。

外部連結最好也為響應式網站(RWD)
當網站與需要其他網站連結時，連結的外部網站最好也能使用響應式網站(RWD)，能提供用戶更好的銜接使用體驗。

載入速度

因為是使用同一份HTML及CSS，所以不是在手機上或電腦上，下載的是同一個網站，下載速度也是一樣的，只是網頁偵測到是手機裝置時會隱藏部份元素，事實上載入速度並不會變快。總體來講，讀取速度還是電腦版網頁較快速。

觸摸功能設計不當

在設計響應式網站時，設計人員往往無法正確設計觸摸功能。對於小型設備，觸摸範圍位於左下角，而對於平板電腦上方是觸摸功能的主要位置。在設計響應式網站時，設計師需要記住所有這些信息。

記住以上述幾點，在設計時避免這些錯誤，響應式網站(RWD)能讓您的網站以最適當的比例與畫面來呈現在所有行動裝置上，讓用戶可以輕鬆的瀏覽您的網站獲取他們想要的資訊與商品，並且停留更多的時間。