Html 响应：在div中调整背景图像的大小

我使用下面的代码在

div

中显示图像作为背景。如何调整它的大小

#header {
    height: 255px;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    background-position: 50% 50%;
    background-image: url('../simg/header.png');
}

---

尝试Easy Background Resize.js

尝试Easy Background Resize.js

您可以尝试使用

背景大小

属性控制背景大小

例如：

---

这将使背景图像在任意一个维度上精确地减少一半。

您可以尝试使用

background size

属性控制背景大小

例如：

---

这将使背景图像在任何一个维度上都精确地减少一半。

您可以尝试的另一种方法是设置css

background-size:contain;  
width:50%; 
max-height:255px; 

---

并让浏览器计算出使其保持纵横比的高度

您可以尝试的另一种方法是设置css

background-size:contain;  
width:50%; 
max-height:255px; 

---

并让浏览器计算出使其保持纵横比的高度

我不认为他在这里找JS。我不认为他在这里找JS。谢谢，我用的是“掩护”，这让我很扫兴。另一个问题是，当我调整浏览器大小时，如何设置“高度”以根据背景大小自动调整？您可以使用媒体查询来根据浏览器窗口的大小控制高度。谢谢，我使用的是“封面”，这让我感到厌烦。另一个问题是，当我调整浏览器大小时，如何设置“高度”以根据背景大小自动调整？您可以使用媒体查询根据浏览器窗口的大小控制高度。