Как сделать фон адаптивным на всех устройства на сайте notebook52.mcdir.ru/index.html?

Question

[Kek145]

На мобильных устройствах фон моего сайта который изменятся с помощью js не адекватный , как его нормальным сделать ? Помогите плиз

Answer 1

[Александр Баранчугов]

1. Нужно картинку установить как фон для блока, который растягивается всю ширину и высоту экрана
2. добавить блоку CSS-стили

background-size: cover;
  background-position: center center;

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

Comments

[Kek145]

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

[Kek145]

Вот сайт notebook52.mcdir.ru