响应式 UI 示例

基础响应式

容器

内容
内容
内容
内容

文本容器

内容
内容
内容
内容

堆叠网格

内容
内容
内容
内容
内容
内容
内容

倍增网格

内容
内容
内容
内容
内容
内容

倍增堆叠网格

内容
内容
内容
内容
内容
内容

嵌套堆叠网格

内容
内容
内容
内容
内容

堆叠网格容器

内容
内容
内容
内容
内容
内容

倍增网格容器

内容
内容
内容
内容
内容
内容

倍增堆叠网格容器

内容
内容
内容
内容
内容
内容

设备调整

设备列宽度

内容
内容
内容
内容
内容
内容

设备可见性

广屏
广屏
大屏幕
大屏幕
平板和手机
平板和手机
手机
电脑及以上
电脑及以上
平板专用内容
平板专用内容
平板专用内容
平板专用内容

带有变体的响应式网格

堆叠分割网格

内容
内容
内容
内容
内容
内容

堆叠垂直分割网格

内容
内容
内容
内容
内容
内容

网格堆叠网格

内容
内容
内容
内容
内容
内容
内容

连续倍增堆叠网格

内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容

网格容器

内容
内容
内容
内容
内容
内容

响应式元素

响应式垂直分隔符

内容
或者
内容

响应式表格

员工 正确猜测

Lena
人力资源

 22

Matthew
面料设计

 15

Lindsay
娱乐

 12

Mark
高管

 11

响应式菜单

功能 推荐 登录

响应式项目

内容标题
日期 类别
这可能是一段描述，会跨多行，为内容提供上下文。
用户名
内容标题
日期 类别
这可能是一段描述，会跨多行，为内容提供上下文。
主要
有限
内容标题
日期 类别
这可能是一段描述，会跨多行，为内容提供上下文。
主要

响应式步骤

发货
选择您的发货方式
账单
输入账单信息
确认订单
检查您的订单详情