CSS aspect-ratio 生成器

输入宽度和高度，即可立即得到对应的 CSS aspect-ratio 值，已化简并附有可视预览。计算完全在您的浏览器中进行，不会向服务器发送任何内容。

常用比例：
CSS 代码

工作原理

CSS 属性 aspect-ratio 可以让元素（图片、视频、容器）在宽度变化时自动保持其比例，无需借助百分比 padding 之类的技巧。本工具根据您输入的尺寸计算比例，在可能时进行化简，并显示所得矩形的预览。

为什么用 aspect-ratio 而不是固定高度？

以像素为单位的固定高度会在更窄或更宽的屏幕上破坏布局；而 aspect-ratio 无论元素的实际尺寸如何，都能保持正确的宽高比，对响应式视频、图片卡片或图库缩略图尤其有用。

显示的化简比例是什么意思？

本工具会利用最大公约数，自动把您的宽高比化简为最简形式（例如 1920 / 1080 变为 16 / 9），得到更易读、更便于在样式表中复用的值。

100% 本地处理：计算和预览仅在您的浏览器中运行。