Html 100% ответная ширина заголовка

Question

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

Slider Пример: http://dandywebsolution.com/skdslider/

Я хочу, чтобы создать единый заголовок изображения с полной шириной 100% вы можете нажать ссылку выше и удар (Ctrl + -) вы можете увидеть изображение настроить с браузером масштаб изображения.

Answer 1

В вашем CSS, добавьте это:

header { 
    width: 100%; 
} 

Вот working fiddle.

Answer 2

В зависимости от того, как вы используете изображение.

Как фоновое изображение, сделайте следующее:

header { 
    width: 100%; 
    background: url(whatever.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Если ее IMG-тег, сделайте следующее:

header { 
    width: 100%; 
} 

#headerImg { 
    width: 100%; 
} 

Вы должны установить ширину до 100% в каждом элементе, который содержит заголовок вверх к телу/html.