前端笔记2026-06-22浏览 10

图片在网页中变形的原因

整理 object-fit、宽高比例和响应式图片的基础用法。

图片变形通常是因为同时固定了宽度和高度。

如果希望图片铺满容器但不变形，可以使用 object-fit: cover；如果希望完整显示图片，可以使用 object-fit: contain。