Помогите решить проблему с фоном

[Ch0oJoy]

Здравствуйте! Хочу на сайте по бокам сделать фон, но никак не получается добится адаптации, все ломается.

Сделал png картинку с боковыми вставками фона, но корректно она отображается только на моем экране(скрин)

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

Спасибо!

 

[kJlukOo]

привет))

гугли css background-size.

и затем css media 768 для скрытия фона на мобилах.

там всё рассказано

[jaffagold]

Фон надо задавать для тега body.

Предполагаю, что у вас сама картинка слишком большого размера.

Желательно небольшой картинкой с repeat-x repeat-y

Фон body на мобильных и так пропадает( перекрывается), если у вас есть фоновый цвет у блока div.container

можно его убрать медиазапросом типа

@media (max-width: 768px) {
    body {
        background: none;
    }
}

там есть несколько неудобных моментов со стилями, но все решается. без ссылки на сайт трудно дать подсказки.

Змінено 30 травня 2017 користувачем jaffagold