CSS-фоновое изображение в соответствии с высотой, ширина должна автоматически масштабироваться пропорционально

Я хочу, чтобы фоновое изображение соответствовало высоте div, есть ли способ сделать это? background-size:cover; подходит только с автомасштабированием ширины и высоты (мне нужен противоположный эффект). Спасибо.

Ответ 1

background-size: contain;

подходит мне

Ответ 2

Я знаю, что это старый ответ, но для других, кто ищет это; в вашем CSS попробуйте:

background-size: auto 100%;

Ответ 3

попробовать

.something { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -100;  
}

Ответ 4

body.bg {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background: white url(../images/bg-404.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}   
Try This

    body.bg {
    	background-size: cover;
    	background-repeat: no-repeat;
    	min-height: 100vh;
    	background: white url(http://lorempixel.com/output/city-q-c-1920-1080-7.jpg) center center no-repeat;
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    }

    <body class="bg">


    	
    </body>