Задать вопрос

Как на ретина-дисплеях установить повторяющийся фон?

Такие дела.

Только при покупке макбука с ретиной я понял, что никогда не заботился о фонах для ретина-дисплеев.
С обычными неповторяющимися картинками все понятно.
Но что делать с повторяющимися бесшовными фонами?
Для них нельзя взять вдвое большую картинку задать bgsz: 100%/cover/contain и наслаждаться жизнью.

Как быть тогда?
  • Вопрос задан
  • 271 просмотр
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI
Надо прописывать два фона — обычный, и «ретина» через медиа-запросы:
.something {
    background-image: url(path/to/bg@1x.png);
}
@media screen and (min-resolution: 2dppx) { 
     .something {
        background-image: url(path/to/bg@2x.png);
    }
}


https://developer.mozilla.org/en-US/docs/Web/CSS/M...
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы