# CSS aspect-ratio

URL: https://caijiao.org/reference/css/aspect-ratio
Source: docs/reference/css/aspect-ratio.md
Description: aspect-ratio 为盒子设置宽高比，适合图片、卡片和视频占位。

aspect-ratio 为盒子设置宽高比，适合图片、卡片和视频占位。

## 语法

```text
aspect-ratio: 16 / 9;
```

## 最小示例

```js
card.style.aspectRatio = '16 / 9';
```

## 常见错误

- 只看语法不看运行环境限制。
- 没有处理错误、权限或兼容性分支。
- 示例上线前应结合真实浏览器、服务器或 Git 仓库验证。

## 相关内容

- [CSS 教程](/css/)
- [CSS Reference](/reference/css/)
- [前端问题库](/how-to/javascript/)