@ligisayan

Как адаптировать картинки slick sliderа на на полный экран на всех разрешениях без искажений?

Всем привет! Есть адаптивный slick слайдер, у которого слайды должны занимать ровно весь экран (по ширине и высоте), а по горизонтальному и вертикальному центру - подложка с текстом.

Причем, картинка не должна искажаться (растягиваться или сужаться)

На больших разрешениях все выглядит у меня хорошо, а вот на мобильном - образуются белые полосы сверху и снизу. Как добиться правильного отображения на всех экранах?

  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro
frontend developer
5c23a6667128e160322944.png

Но лучше картинку заменить на бэкграунд и использовать background-size:cover — браузерная поддержка лучше
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
EducaGroup Санкт-Петербург
от 90 000 руб.
Inreco LAN Владимир
от 50 000 до 90 000 руб.
18 апр. 2019, в 19:17
5000 руб./за проект
18 апр. 2019, в 18:10
200 руб./в час
18 апр. 2019, в 16:50
30000 руб./за проект