编辑“︁CSS响应式设计模式”︁（章节）

== 核心概念 ==

响应式设计模式的核心在于根据屏幕尺寸动态调整布局、字体大小、图片尺寸等元素。主要技术包括：

* '''媒体查询（Media Queries）'''：通过检测设备特性（如屏幕宽度、分辨率）应用不同的CSS规则。
* '''弹性布局（Flexbox）'''：创建灵活的容器，使子元素能够自动调整大小和位置。
* '''网格布局（Grid）'''：定义二维网格系统，实现复杂的响应式布局。
* '''相对单位（如em、rem、vw、vh）'''：使用相对单位而非固定像素（px）确保元素按比例缩放。