响应式网页设计 - 简介
什么是响应式网页设计?
响应式 web 设计会让您的网页在所有设备上看起来都不错。
响应式 web 设计仅使用 HTML 和 CSS。
响应式 web 设计并不是程序或 JavaScript。
为所有用户获得最佳体验的设计
可以使用许多不同的设备来查看网页:台式机、平板电脑和手机。无论使用哪种设备,您的网页都应该看起来美观且易用。
网页不应舍弃信息来适合较小的设备,而应使其内容适合任何设备:

桌面电脑

平板电脑

手机
如果您使用 CSS 和 HTML 调整大小、隐藏、缩小、放大或移动内容,以使其在任何屏幕上看起来都很好,则称为响应式 Web 设计。
如果您不理解下面的例子,请不要担心,我们将在下一章中一步一步地分解代码: