我目前正在将图片 srcset 用于响应式图像，目前正在寻找一种方法来使其缩放或覆盖整个元素或容器，很像 css background-size: cover 或 对象适合。我读过 object-fit 仅适用于 img 标签是否有 srcset 的替代方案。我正在使用 Drupal 8 响应式图像模块，它呈现一个 picture 元素
<picture>
<source srcset="/aim-beta/sites/default/files/styles/thumbnail/public/2017-08/admissions-banner-how-to-apply-alt.jpg?itok=O11apfmI 1x" media="all and (max-width: 480px)" type="image/jpeg">
<source srcset="/aim-beta/sites/default/files/styles/medium/public/2017-08/admissions-banner-how-to-apply-alt.jpg?itok=QrLnqmKd 1x" media="all and (max-width: 768px)" type="image/jpeg">
<img srcset="/aim-beta/sites/default/files/2017-08/admissions-banner-how-to-apply-alt.jpg" alt="Admissions - How to Apply" typeof="foaf:Image">
</picture>
最佳答案
object-fit适用于响应式图像，因为您设置了 <img> 的样式, 而不是 <picture> .
关于html - 图片源srcset的object-fit解决方案，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46661500/