使用
AspectRatio 使内容保持一致的宽/高比。 它可用于显示图像, 地图, 视频和其他媒体。
AspectRatio 根据元素的width的 css 计算值和提供的radio属性自动计算元素的height值, 即便元素的width为auto也可以.
AspectRatio 使用了 CSS4 规范中的aspect-ratio属性, 目前支持度达91%, Safari浏览器从15开始支持
16:9
4:3
1:1
嵌入视频元素
@rtdui/AspectRatio
| 属性名 | 类型 | 是否 必须 | 默认值 | 说明 |
|---|---|---|---|---|
| ratio | string | yes | 1 | 宽高比, 如: 16 / 9, 4 / 3, 1920 / 1080 取值 @link https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio |