背景图片如何和原始图片一样宽高？

[tomorrow93]

原始图片：banner.jpg 1920*1080

如果用<img>标签，不给宽高默认就是1920*1080

现某种原因，需要把img改为背景图片

<div class="draw">
<div class="dd" id="box">
</div>
</div>

.dd
{
position: absolute;
background-repeat: no-repeat;
background-image: url(images/banner.jpg);
background-size: cover;
}

.dd的css该如何给才能保证背景图片宽高=原始图片宽高？

[tomorrow93]

补充一句：banner.jpg是演示用的图片，实际项目我们是不限图片，图片有可能500*500 也有可能150*180 ，这里我不想让图片变形但又想用背景图片来做。

[不愿意透露姓名的某小学生]

泻药，如果想要背景宽高与图片宽高一致，那么必须其中一个去适应另外一个，比如图片150px 盒子也得150px才能做到完全不拉伸，如果想要盒子不变，背景不拉伸，那么设定no-repeat之后 background-position：center；这样图片就居中了。PS:如果你想要盒子适应图片那么得写个JS动态控制。

[天际的海浪]

背景图片默认（不设置background-size）就是原始大小，只是不可能根据背景图片的大小改变div容器的大小