响应式网页设计 - 简介
什么是响应式网页设计?
响应式网页设计可以让您的网页在所有设备上看起来都很好。
响应式网页设计只使用 HTML 和 CSS。
响应式网页设计不是一个程序或 JavaScript。
为所有用户设计最佳体验
网页可以使用许多不同的设备查看:台式机、平板电脑和手机。无论使用什么设备,您的网页都应该看起来很好,并且易于使用。
网页不应该为了适应较小的设备而省略信息,而应该调整其内容以适应任何设备。
台式机
平板电脑
手机
当您使用 CSS 和 HTML 来调整大小、隐藏、缩小、放大或移动内容以使其在任何屏幕上看起来都很好时,这被称为响应式网页设计。
如果您不理解下面的示例,请不要担心,我们将在接下来的章节中逐步分解代码。