2014-03-22 5 views
0

У меня есть изображение, высокое, но не широкое. По сути, я хочу, чтобы это было полное фоновое изображение HEIGHT (как, в целом, изображение заполняет окно сверху вниз) и занимает около 30% ширины окна. И я хочу, чтобы он масштабировался соответственно в больших/меньших окнах. (мобильный, вероятно, будет изменен).Изображение - полная высота, масштабируемость с CSS

, когда я экспериментирую с background-cover, я считаю, что это делает изображение огромно, и в разных размерах окна, высота изображения должны быть отрезана в окне браузера

+0

дать скрипку – Jegadeesh

+0

Как насчет 'background-size: содержать'? – Sunyatasattva

ответ

1

На самом деле, я думаю, я просто понял это :

html { 
    background: url(image.jpg) no-repeat top left fixed; 
    -webkit-background-size: auto 100%; 
    -moz-background-size: auto 100%; 
    -o-background-size: auto 100%; 
    background-size: auto 100%; 
} 
Смежные вопросы