響應式網頁設計 - 簡介
什麼是響應式網頁設計?
響應式網頁設計使您的網頁在所有裝置上看起來都很棒。
響應式網頁設計只使用 HTML 和 CSS。
響應式網頁設計不是程式或 JavaScript。
為所有使用者提供最佳體驗的設計
網頁可以使用許多不同的裝置檢視:桌上型電腦、平板電腦和手機。您的網頁應該看起來很棒,並且易於使用,無論使用什麼裝置。
網頁不應省略資訊以適應小型裝置,而應將其內容調整為適合任何裝置

桌上型電腦

平板電腦

Phone
當您使用 CSS 和 HTML 來調整大小、隱藏、縮小、放大或移動內容以使其在任何螢幕上看起來都很好時,就稱為響應式網頁設計。
如果您不理解下面的示例,請不用擔心,我們將在接下來的章節中逐步分解程式碼。