Как настроить фоновое изображение в соответствии с размером родительского контейнера в пользовательском интерфейсе мобильных и настольных компьютеров с помощью CSS

#html #css #background-image

Вопрос:

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

как и на приведенном выше изображении, при уменьшении ширины высота фона должна увеличиваться, ширина должна уменьшаться, также необходимо сохранить растянутую границу-нижнюю линию.

То есть. нужно установить фон в виде масштабированного изображения, чтобы оно соответствовало родительскому размеру.

Как можно использовать css?

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

1. вам необходимо использовать адаптивный макет для определенного размера экрана, например @media. Подробнее см. Здесь: w3schools.com/css/css_rwd_mediaqueries.asp