Отзывчивое изображение заголовка

Я создаю магазин prestashop, и я уже включил одно изображение в заголовок, изображение не реагирует. Как я могу реагировать на изображение?Отзывчивое изображение заголовка

Посмотрите код изображения заголовка:

header { 
    z-index: 1; 
    position: relative; 
    background: #FFF url('http://s23.postimg.org/ha3x2zf23/header_image1_sized.jpg')!important; 
    padding-bottom: 100px; }

Любой человек может помочь мне, чтобы изменить код, чтобы поместить отзывчивый изображение в заголовке?

Благодаря

источник

2014-10-21 Jorge Silva

возможно дубликат [Отзывчивый фоновых изображений CSS] (http://stackoverflow.com/questions/12609110/responsive-css-background-images) –

'фон-размер: содержать,' – APAD1

Использование background-size:contain; и назначать размер для электронной почты в процентах или эм (это он до вас).

Пожалуйста, проверьте здесь http://jsbin.com/zohinomiya/1/ и попробуйте изменить размер окна браузера, чтобы увидеть масштабирование.

<! doctype HTML> 
<html> 
    <head> 
    <title>TEST</title> 
    <style> 
    #test { 
     background-image: url('http://www.wonderplugin.com/wp-content/plugins/wonderplugin-lightbox/images/demo-image2.jpg'); 
     background-repeat:no-repeat; 
     background-size:contain; 
     background-position:center; 
     height: 100%; 
    } 
    </style> 
    <script> 

    </script> 
    </head> 
     <body> 
      <div id ="test">s</div> 
     </body> 
</html>

источник

2014-10-21 20:18:04 GibboK

Это работает! Спасибо вам :) –

@JorgeSilva рада помочь! – GibboK

Отзывчивое изображение заголовка

ответ

Смежные вопросы