免费在线CSS object-fit可视化生成器，实时预览fill/contain/cover/none/scale-down效果。支持自定义图片、调整object-position位置，一键复制CSS代码。无需注册。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用
Updated: 2026-07-11
👁️ 实时预览
加载图片中...
图片尺寸: — | 容器: 400×300px
📊 五种模式对比
📋 CSS 代码
.image {
width: 400px;
height: 300px;
object-fit: cover;
object-position: center center;
}