響應式網頁設計 - 簡介

什么是響應式網頁設計？

響應式 web 設計會讓您的網頁在所有設備上看起來都不錯。

響應式 web 設計僅使用 HTML 和 CSS。

響應式 web 設計并不是程序或 JavaScript。

為所有用戶獲得最佳體驗的設計

可以使用許多不同的設備來查看網頁：臺式機、平板電腦和手機。無論使用哪種設備，您的網頁都應該看起來美觀且易用。

網頁不應舍棄信息來適合較小的設備，而應使其內容適合任何設備：


桌面電腦

平板電腦

手機

如果您使用 CSS 和 HTML 調整大小、隱藏、縮小、放大或移動內容，以使其在任何屏幕上看起來都很好，則稱為響應式 Web 設計。

如果您不理解下面的例子，請不要擔心，我們將在下一章中一步一步地分解代碼：

親自試一試