CSS宽高比生成器帮助您可视化生成CSS aspect-ratio属性代码。从预设列表中选择常见比例（16:9、4:3、1:1等），或在自定义输入框中输入任意宽高比。
点击"应用"按钮后，预览区域会实时显示该比例的容器效果，同时下方自动生成对应的CSS代码。您可以一键复制代码直接用于项目开发。
CSS aspect-ratio属性是CSS3新增的属性，用于强制元素保持指定的宽高比。当元素宽度变化时，高度会自动按比例调整，非常适合响应式设计中的图片、视频容器、卡片等元素。
传统上开发者使用padding-top: 56.25%（9/16）来模拟宽高比。但aspect-ratio属性更直观、更简洁，且不需要额外嵌套元素。现代浏览器已广泛支持aspect-ratio，推荐优先使用。
aspect-ratio属性在现代浏览器（Chrome 88+, Firefox 87+, Safari 15+, Edge 88+）中已得到良好支持。本工具生成的代码可直接用于这些浏览器。