# 长宽比

在所需比例内显示内容。

## Features

- 接受任何自定义比例。

## [结构](#结构)

导入组件。

```jsx
import { AspectRatio } from "radix-ui";

export default () => <AspectRatio.Root />;
```

## [API 参考](#api-参考)

### [根](#根)

包含您要限制在给定比例内的内容。

| Prop      | Type      | Default |
| --------- | --------- | ------- |
| `asChild` | `boolean` | `false` |
| `ratio`   | `number`  | `1`     |

<!--$-->

<!--/$-->