响应式网页设计 - 简介

什么是响应式网页设计？

响应式网页设计使您的网页在所有设备上看起来都很好。

响应式网页设计仅使用 HTML 和 CSS。

响应式网页设计不是程序或 JavaScript。

可以使用许多不同的设备查看网页：台式机、平板电脑和手机。无论使用什么设备，您的网页都应该看起来不错并且易于使用。

网页不应遗漏信息以适应较小的设备，而应调整其内容以适应任何设备：

桌面

药片

电话

当您使用 CSS 和 HTML 来调整、隐藏、缩小、放大或移动内容以使其在任何屏幕上看起来都不错时，它被称为响应式网页设计。

如果您不理解下面的示例，请不要担心，我们将在接下来的章节中逐步分解代码：