没有高度像素值时，我的背景图片无法加载

我正在尝试将图像作为背景图像加载为响应式背景图像。但图片未加载。这是我的CSS代码。

.cover{
    height: auto;
    width: 100%;
    background-image: url(../img/cover.jpg);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}