我想使用background-position：center和background-size的背景图片，以与div相同的方式制作img标签响应：cover 我的问题是，我将发布大量不具有相同宽度或高度的图像（在网格布局中）。 Soo，如果我使用带有高度的img标签：auto我每次都会得到不同的高度。 目前的解决方案：
1。 使用bg-image和1像素图像作为宽度和高度：
<div style="background-image:url(http://example.com/img.jpeg);
background-position: center;
background-size: cover; width="30%" ">
<img src="/1pix.png" height="200px" alt="Alt text">
</div>
使用背景图片和img里面的可见性：隐藏
<div style="background-mage:url(http://example.com/img.jpeg);
style="background-position: center;
background-size: cover; height="200px" width="30%">
<img src="/example.jpeg" style="visibility:hidden" alt="Alt text">
</div>
3.使用多种img尺寸（小，大，中）
有没有办法让img标签在流畅的网格中工作，让它看起来像在bg-image（bg-contain）中一样漂亮，或者使bg-image SEO友好地使用某种类型的元标记与alt标签相同。 谢谢！