Вопрос по bootstrap-4, twitter-bootstrap-4, responsive-images – Для меня этот обходной путь не работал ни для настольных компьютеров, ни для мобильных телефонов. Я немного скорректировал предложенный обходной путь, чтобы сделать его более ориентированным.

8

три на это:http://www.consultacultura.it/portale_comunale_della_cultura.asp?IDcomune=1

Изображения карусели не реагируют как изображения под ней. Они имеют тот же класс img-жидкости.

Ваш Ответ

2   ответа
2

ни для мобильных телефонов. Я немного скорректировал предложенный обходной путь, чтобы сделать его более ориентированным.

@media (orientation: portrait) { 
    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
        width:100%;
        height:auto;
    }
}

@media (orientation: landscape) { 
    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
        width:100%;
        height:96vh;
    }
}
9

https://github.com/twbs/bootstrap/issues/21611

Какобходной путь ты можешь использовать..

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

http://www.codeply.com/go/0QUU06MiIL

Спасибо, также с style = "width: 100%; height: 100%", как описано в выпуске 21611 от github, работает правильно. Будучи моим первым разом на stackoverflow, я очень доволен! Sergio
Его следует применять только к активному элементу, как описано.codeply.com/go/0QUU06MiIL Zim
Я исправляю себя ... проблема с хромом только другой браузер в порядке. О дисплее: блок; это делает изображение отзывчивым, но портит слайд-шоу (все изображения показываются одновременно) Sergio

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