@Villian_Os

Как адаптировать фон сайта на мобильные?

Здравствуйте, установил на сайт фон статичный:
body {
        margin: 150px 0 0;
        background-image: url("https://sun9-11.userapi.com/impg/8f4DsGx6js8z7u1wYrks3qiQaNwJMdRPw1Jd4Q/DThGSmeJy9Q.jpg?size=1920x1080&quality=96&sign=ae91032ec6eda7732b8bb8ccd7c08d3f&type=album");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background:size: cover;
      }


Но на мобильных половина экрана это белый цвет, в первая половина это сама картинка, как можно сделать так, чтобы просто растянулась картинка?
Вот как тупо выглядит на мобильном:
60f69fa98969e796992778.png
  • Вопрос задан
  • 88 просмотров
Пригласить эксперта
Ответы на вопрос 3
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
попробуйте background-size: contain
Ответ написан
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Сделайте акцент на правой части изображения:

{
  ...
  background-position: 100% 0;
}
Ответ написан
Keylei
@Keylei
@media screen and (max-width:  /*размер экрана*/) {
    body {
        
    }

    header, footer {
        
    }

    a {
        
    }
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы