#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>