Ratio
Ratio 工具类可快速配置元素的宽高比。适合用于需根据父元素宽高比例调整的元素，如视频、图片、iframe 等。
基础用法
自定义比例
每个 .ratio-* 工具类中都包含一个自定义 CSS 变量 --ms-aspect-ratio，可以通过覆盖该变量来自定义宽高比。
速查表
| 类名 | 样式 |
|---|---|
.ratio | position: relative; |
.ratio-1x1 | --ms-aspect-ratio: 100%; |
.ratio-4x3 | --ms-aspect-ratio: 75%; |
.ratio-16x9 | --ms-aspect-ratio: 56.25%; |
.ratio-21x9 | --ms-aspect-ratio: 42.8571428571%; |
以上所有类均支持响应式前缀，如
sm:,md:,lg:,xl:。