css - Dynami c высота с содержанием c содержимого

Question

Я нашел хорошее решение для Swiper с галереей, и оно прекрасно работает, но есть проблема с высотой на мобильных устройствах:

Я пробовал заменить это height: 500px на любую динамику c, но каждый раз, когда она скрывается без высоты статуса. Есть ли решение сделать его масштабируемым без медиазапросов?
https://jsfiddle.net/vertisan/j8a46vcg/1/

Answer 1

Изменить размер фона

.swiper-slide {
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

Answer 2

Как насчет этого https://jsfiddle.net/q1vr473z/, если вы хотите просто указать максимальную высоту

html,body,.container{
  height:100%;
  width:100%;
}
#slider {
  height: 80%;
  max-height:500px;
}