CSS图片自适应生成器

CSS图片自适应生成器用于演示 object-fit 与 object-position 的效果，帮助您选择合适的图片裁剪方式。工具支持设置适配模式、对齐位置与容器高度，生成可直接使用的CSS与HTML结构。

主要参数说明

• Fit：设置图片适配方式（cover、contain、fill、none）。
• Position：设置图片对齐位置。
• Box Height：设置容器高度。

使用教程

1. 选择适配：选择合适的 Fit 模式。
2. 调整位置：设置 Position 对齐位置。
3. 设置高度：调整容器高度查看效果。
4. 复制代码：在 CSS 与 HTML 标签页复制生成代码。

应用场景

• 图片裁剪：用于头像、封面与缩略图。
• 媒体卡片：在卡片中统一图片显示。
• 响应式图片：适配不同尺寸容器。