响应式网页设计

一套页面可以在不同设备上很好的展示，并且展示效果根据不同设备显示布局不同，这就是响应式网页设计。

响应式 web 设计使用 HTML 和 CSS就可以实现，并不需要 javascript 进行控制。

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

网页不应舍弃信息来适合较小的设备，而应使其内容适合任何设备：

如果您使用 CSS 和 HTML 调整大小、隐藏、缩小、放大或移动内容，以使其在任何屏幕上看起来都很好，则称为响应式 Web 设计。

如果您不理解下面的例子，请不要担心，我们将在下一章中一步一步地分解代码进行讲解：

59553.html