Поместить изображение в адаптивный нижний колонтитул

#html #css #responsive-design #responsive #responsive-images

#HTML #css #адаптивный дизайн #адаптивный #адаптивный-изображения

Вопрос:

Я хотел бы поместить изображение ниже в отзывчивый нижний колонтитул.

введите описание изображения здесь

Я хотел бы отобразить изображение в нижнем колонтитуле, когда ширина составляет 400 пикселей, как показано ниже. Я хотел бы сохранить высоту, как и в предыдущем. Как я могу это сделать?

введите описание изображения здесь

Комментарии:

1. Пожалуйста, добавьте код, который покажет нам, что вы уже сделали

Ответ №1:

Вы можете установить фон, который будет

фон: #eee url(image_path) в центре по центру; и установите max-wdith= 100%, установив высоту как фиксированное значение px;

смотрите ниже:

 #catcat {
            background: #eee url(https://i.stack.imgur.com/wyc3V.jpg) center center;
            max-width: 100%;
            height:300px;

        } 
 <div id=catcat></div>