У меня есть веб-сайт (g-floors.eu), и я хочу, чтобы фон (в css я определил bg-изображение для контента) также был адаптивным. К сожалению, я действительно не имею ни малейшего представления о том, как это сделать, кроме одной вещи, о которой я могу думать, но это довольно обходной путь. Создание нескольких изображений и затем использование размера экрана CSS для изменения изображений, но я хочу знать, есть ли более практичный способ для достижения этого.
По сути, я хочу добиться того, чтобы изображение (с водяным знаком «G») автоматически изменяло размеры, не отображая меньше изображения. Если возможно конечно
ссылка: g-floors.eu
Код у меня пока (содержательная часть)
#content {
background-image: url('../images/bg.png');
background-repeat: no-repeat;
position: relative;
width: 85%;
height: 610px;
margin-left: auto;
margin-right: auto;
}