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