# 响应式设计（Responsive Design）

### 缩写：无

### 简述

使界面在不同屏幕与输入下保持可用的方法：流式布局、查询、弹性媒体等。

### 使用场景

多端站点与组件自适应。

### 实践与应用

• 改布局优先级而非只缩字体
• 响应式图片减字节

### 关联术语

• 媒体查询：条件
• Flex/Grid：骨架
• 视口：参照