复制背景大小：在CSS中包含内容的div的封面

如果有任何大小的div，可以将其设置为具有背景图像，然后可以将该图像的背景大小属性设置为“cover”。这将保持图像的纵横比，但将其大小设置为覆盖div，与宽度或高度（以比例较小者为准）匹配

background-image: ...
background-position: center;
background-size: cover;

在纯CSS中，有没有一种方法可以实现同样的效果，但是使用一个div作为一个框架，并使用一个位于其中的content div来扩展（保持其外观）以填充框架div区域

因此，div需要占据div的整个宽度，然后在父对象内垂直和水平居中，父对象上有overflow:hidden

---

谢谢，H

您不需要第二个div-只需在图像中添加一个类，该类可以根据包含div的宽度进行缩放：

HTML

---

不，你需要用Javascript来做这件事。对最后两段做一点更清楚的解释，也许用图形/绘图会非常感激。

<div id="img_wrap"> 
    <img src="your-image.jpg" class="fullscreen_width" />
</div>

#img_wrap  {  
    width: 70%; /* add value in px, % etc */
    border: 2px solid red;
}
.fullscreen_width {
    width: 100%;
    height: auto;
}