Components

AspectRatio 宽高比

固定比例容器，用于视频、截图与封面占位。

16:9 媒体区

缩放宽度时高度自动保持比例。

16 : 9 品牌渐变媒体区

<AspectRatio :ratio="16 / 9" class="max-w-md">
  <div class="flex h-full w-full items-center justify-center bg-gradient-to-b from-[#C8E0FD] via-[#70ACFE] to-[#3069C9] text-sm font-semibold text-white">
    16 : 9 品牌渐变媒体区
  </div>
</AspectRatio>

API 参考

属性	类型	默认值	说明
ratio	number	16 / 9	宽 / 高数值比。