Wordpress заголовок изображение не реагирует

Question

Я все еще пытаюсь получить зависание веб-дизайна.

Я не могу получить изображения заголовков в масштабе, поскольку браузер становится меньше.

Это сайт,

http://instreamenergy.com/strategic-partnerships/

если я пытаюсь сделать .header-изображение #header высоты # титульной площади: 100% или что-нибудь еще, он просто возвращается к 20px или что-то и застрял там.

Любые советы были бы замечательными! спасибо

Answer 1

Я думаю, что вы ищете свойство CSS3, background-size , так как ваше изображение является фоновым изображением для DIV.

• Stretch and scale CSS background
• http://caniuse.com/background-img-opts

Если вы используете тег изображения, <img> вы могли бы сделать это:

img { 
    max-width: 100%; 
} 

Кроме того, необходимо, чтобы избавиться от некоторых из хлама в ваш CSS для #title-area. Не похоже, что это должно быть floated: left; или есть overflow: hidden;. Удалено width, изменено height по min-height. no-repeat добавлен в background.

я бы обновить его:

#title-area { 
    background: url(your-image.jpg) no-repeat; 
    padding-left: 0; 
    min-height: 386px; 
    float: none; 
    overflow: visible; 
    background-size: 100% auto; 
}