Фоновый рисунок Изменение размера жидкости

Question

Я использую фоновое изображение, которое находится внутри тега заголовка. Кодировка выглядит так:

<div id "header"> 
<div id "logo"> 
<div id "nav"> 


</div> 
</div> 
</div> 

Заголовок находится внутри элемента контейнера, размер которого равен 75%. Изображение логотипа имеет ширину 1024 пикселя и высоту 75 пикселей. Я пытаюсь найти решение, которое сохранит изображение логотипа, которое находится внутри фонового тега со 100% шириной элемента контейнера, и при повторном размере его размер пропорционально изменяется.

Решение Я думал это

background-size:auto; 

Я выбрал 1024px, как он будет вмещать больше всего экрана. Минимальная ширина будет 780px и максимальная ширина: 1024px.

Что является лучшим решением, чтобы это фоновое изображение Изменения размера в пропорции на экране посетителя и контейнер элемент, который он находится в

Благодаря

Answer 1

Попробуйте это:.

background-size: 100%; 

Answer 2

Лучший метод, который я нашел для работы

min-ширина: 100%;

Answer 3

Единственный способ изменить размер фона - это JavaScript.

код с помощью JQuery здесь: https://gist.github.com/epoberezkin/5070642