0

例如,这里https://cs.daihatsu-club.net/vozidlo/daihatsu-materia-8当我在 Chrome 开发者工具中将 Network throttling 设置为 Slow 3G 时,您可以通过填写为 IMG 保留 300x200px,但代价是不保持纵横比(失真),并且仅在一段时间后才显示裁剪,这要归功于“object-fit:cover;”。您可以在这个几秒钟的 YouTube 视频中看到糟糕的图像跳跃效果https://youtu.be/CF3EB3CxHY4

知道如何在保持图像被 CSS“object-fit:cover”裁剪的同时防止它吗?

在此处输入图像描述

4

0 回答 0