html - 将图像设置为无像素的 背景

Question

我需要将图像设置为 div 的背景，但我还没有找到一种方法来设置 div 的确切高度(以像素为单位)。我希望 div 始终是图片的大小，当分辨率较小时调整分辨率。我不想通过像素和@media 来做，必须有更简单的方法。

html

<div class="foo">
</div>

CSS

.foo{
height: "exact height of picture of bg";   !!!
background: url("./foo/bar.jpg") 0 0 no-repeat black;
}

有什么想法吗？

谢谢

Answer 1

<img src="yourpicture.jpg"/>

就是这样。