html background image change to css?

Question

создал один существующий проект своего не реагирующего веб-сайта. Теперь мне нужно изменить отзывчивый сайт. Мне нужно изменить свой отзывчивый сайт с логотипом? я изменился, но не работал?

<td colspan="2" style="background-image:url('site_conf/images/det_banner.jpg'); background-repeat:no-repeat; background-position:center;" width="100%" height="100" align="right" > 

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

я создал файл класса в HTML, как

<td class="img1"> 

Мой код CSS:

@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 568px) 
    { 

    .img1{ 
     background-image:url('site_conf/images/det_banner.jpg'); 
     background-repeat:no-repeat; 
     background-position:center; 
     width:100%; 
     Height:100; 
     } 
} 

ее не работает в отзывчивым? любая ошибка моего кода?

Answer 1

. Класс .img1 присваивается <td>, поэтому свойство фона необходимо добавить, чтобы изображение занимало 100% -ный размер ширины.

CSS

.img1 { 
    background-image: url('site_conf/images/det_banner.jpg'); 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: 100% ; 
    width: 100%; 
    Height: 100px; 
} 

Примечание: Поскольку существующий код в структуре таблицы я не уверен на 100% , что мое решение будет работать. но вы можете попробовать. если вы можете создать скрипку, то вам будет .