響應式設計是指網站會調整版面,以配合正在瀏覽的螢幕。這就像一件家具,在較小的房間裡可以折疊得更小,空間變大時又能展開。

例如,三張卡片組成的一列在手機上可能改為單欄。文字、圖片和控制項在兩種尺寸下都應保持清晰易讀且可操作。

目標不是讓每個螢幕看起來完全相同,而是讓相同內容在不同螢幕上都能舒適使用,包括使用者放大頁面時。