Html 将宽度和高度样式应用于div背景图像

我正在使用背景图像作为我网站顶部的“标题”

div

部分。它是在CorelDrawX6上绘制的，并导出为.jpg图像，这意味着我在导出时无法正确设置高度和宽度。我想要实现的是让网页将背景图像缩放到合适的高度。我想拥有

高度：150px；宽度：100%

，但因为它应用于

div

，如下所示：

<div style = "height:150px;background-image:url('Design.jpg');">

我无法将样式直接应用于图像。有人有解决办法吗

另外，我已经检查了许多“相关问题”，但没有找到答案。另外，请记住，我想要一个div的背景图像，而不是整个页面（这会容易得多）

当前情况：

---

我想要的情况是将完整图像作为背景（当前图像是放大版，真实图像（我无法上传）看起来相同，但有文本，浅蓝色条小得多）

这就是你要找的

background-size: auto 150px;

试一试

HTML

这应该行得通

---

让我知道。

也许您正在寻找

背景大小

属性…？如果这些答案都没有用，可能值得提供一个简单的图像，显示您的当前情况和所需结果。我希望宽度属性设置为100%，高度设置为150px。这可能吗？@IMULECT如果您想保持图像的比例，则不可以。但您可以设置ex.div大小宽度：300px高度：150px和背景大小：auto 150px；不，没用。我将根据当前情况和所需情况编辑我的问题。或者尝试背景尺寸：封面；所以，为了让你的问题更清楚，你想让你的图像调整到150px的高度，即使图像高度更大？好的，这应该适合你：你确实需要js来让它工作。

<div class="lorem" alt="lipsum" title="lorem lipsum">
  <img class=ImgLorem></img>
</div>

.lorem{

}
.ImgLorem{

}
.lorem img{
  background: url(Design.jpg);  
  height:150px;
  width:100%;
}