自适应
| 方式 | 说明 | 优点 | 缺点 |
| 定宽 | 基于屏幕主流尺寸，确定一个安全宽度，并进行整体居中 | 屏幕尺寸大于安全宽度时，会产生留白；屏幕尺寸小于安全宽度时，将局部显示，并产生横向滚动条。这意味着只有在特定尺寸下，才能有最佳效果 | |
| 流动 | |||
| 独立站点 | 可拥有最佳显示效果 | 需要维护多个单独的代码库和设计 | |
| 自适应 | 媒体查询+定宽 | ||
| 响应式 | 媒体查询+流动 |
媒体查询
宏布局
微布局
主题
媒体功能
屏幕配置
元素自适应
排版
文本在较大尺寸时，可变为多列，防止文本行过长
国际化
图像
图标
无障碍
交互
界面模式
| 方式 | 说明 | 优点 | 缺点 |
| 定宽 | 基于屏幕主流尺寸，确定一个安全宽度，并进行整体居中 | 屏幕尺寸大于安全宽度时，会产生留白；屏幕尺寸小于安全宽度时，将局部显示，并产生横向滚动条。这意味着只有在特定尺寸下，才能有最佳效果 | |
| 流动 | |||
| 独立站点 | 可拥有最佳显示效果 | 需要维护多个单独的代码库和设计 | |
| 自适应 | 媒体查询+定宽 | ||
| 响应式 | 媒体查询+流动 |
媒体查询
宏布局
微布局
主题
媒体功能
屏幕配置
文本在较大尺寸时，可变为多列，防止文本行过长
无障碍
交互
界面模式
