0

Есть такой сайт: topbud.in.ua На компьютере фоновое изображение выглядит хорошо, когда я смотрю через режим адаптивного дизайна выглядит кривовато, но терпимо, но когда открываю сайт через гаджеты (iPad Air 2, iPhone SE) - фон ломается.

.header {
  background-image: url(data/images/main.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
  max-width: 100%;
  height: 90vh;
}

введите сюда описание изображения введите сюда описание изображения

1
  • Советую ознакомиться с медиа запросами для css стилей, они позволят вам изменять стили в зависимости от разрешения экрана пользователя, чтобы вы могли подогнать верстку под мобильные устройства и наоборот. html5book.ru/css3-mediazaprosy
    – MoloF
    28 авг 2019 в 13:41

1 ответ 1

-1
@media screen and (max-width: 1024px){
     .header {
          background-attachment- scroll;
     }
 }
1
  • Это не работает
    – mr Krip4yk
    28 авг 2019 в 14:14

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.