UI 组件类型 · 基础类型　/　Aspect Ratio

Aspect Ratio

纵横比约束内容的宽高比例，保证媒体和容器在不同尺寸下稳定缩放。

关键字段

Identity · 身份

子类型: 基础
父级类目: 布局与表面

What · 是什么

定义: 纵横比约束内容的宽高比例，保证媒体和容器在不同尺寸下稳定缩放。
组成与状态: 约束规则 + 设计令牌/上下文 + 响应行为 + 实现钩子

Why · 为什么

作用: 提供可被多个组件与页面复用的视觉、空间、布局或上下文基础。

Where · 在哪里

适用场景: 布局与响应式

How · 怎么做

检查清单: 是否在窄屏、长内容、辅助技术和不同输入方式下保持可用；是否与设计令牌和容器规则一致。

Lifecycle · 生命周期

状态: 启用