自适应图片
-
如何用CSS实现自适应图片_CSS object-fit属性与布局技巧



使用 object-fit: cover 可让图片保持比例并填满容器,结合 padding-bottom 实现固定比例容器,通过绝对定位使图片居中裁剪;兼容性不足时可用 background-size: cover 或 picture 标签配合 srcset 实现响应式与 art-direction…



使用 object-fit: cover 可让图片保持比例并填满容器,结合 padding-bottom 实现固定比例容器,通过绝对定位使图片居中裁剪;兼容性不足时可用 background-size: cover 或 picture 标签配合 srcset 实现响应式与 art-direction…