Как сделать что бы шапка сайта подстраивалась под разрешение полного экрана?

Question

[Александр Наумов]

Как сделать что бы шапка сайта подстраивалась под разрешение полного экрана?

Answer 1

[Капитан Какао]

Картинку ставьте фоном и задавайте background-size:cover
Или так:

background:url('тут ссылка на фоновую картинку') no-repeat 50% 50% / cover;

Пример: jsfiddle.net/4v2so1dj

P.S. Растягивайте область с результатом, и вы увидите как картинка всегда адаптируется по ширине и высоте дива, при это адаптируется пропорционально.

Comments

[Илья Белобородов]

круто. не знал о cover

[Илья Белобородов]

Rad Cor: а это не мой вопрос)) я обычный прохожий)

Answer 2

[Сергей]

width: 100%;

Comments

[Александр Наумов]

Что бы картинка занимала и ширину и высоту экрана полностью, что бы она адаптировалась под монитор.

[webquestions]

coderart display table display table cell, или position absolute

[Сергей]

height: 100%;

[kirillwxmx]

Сергей, 2 раза ультанул...