Skip to content

AspectRatio 等比容器

按指定宽高比锁定容器尺寸的纯展示组件,宽度 100%、高度由比例推导,内容铺满并按比例裁切;无子内容时仍按比例占位。无事件。

基础用法

16/9 视频比例

16:9

常见比例

4:3 / 1:1 / 21:9

4:3
1:1
21:9

空内容占位

无子内容仍保比例(1:1)

API

属性

属性说明类型默认值
ratio宽高比,支持 16/94:316 / 9、小数 1.5;非法回退 1 / 1string

插槽

名称说明
默认
  • 宿主宽度 100%,高度由 aspect-ratio 推导;内容经 absolute inset: 0 铺满并按比例裁切。
  • 无子内容时宿主仍按比例占位。
  • 无事件,纯展示。