引导4转盘没有响应图像

问题描述：

看看这个： http://www.consultacultura.it/portale_comunale_della_cultura.asp?IDcomune=1 引导4转盘没有响应图像

轮播图片不响应喜欢它下的图像。他们有相同的img-fluid。

答

这是在引导4阿尔法6一个已知的问题...

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

作为解决方法你可以使用..

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

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

我纠正自己......问题是铬只有其他浏览器都可以。关于显示：block;它会使图像响应，但会损坏幻灯片（所有图像同时显示） – Sergio

它只应用于所描述的活动项目。 http://www.codeply.com/go/0QUU06MiIL – ZimSystem

谢谢，也正如问题21611中github所述，style =“width：100％; height：100％”正常工作。要成为我第一次在stackoverflow我非常满意！ – Sergio

答

对于我来说，这种解决方法对两者都无效，办公桌上衣和手机。我稍微调整了建议的解决方法，使其成为 - 方向明智的。

@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; 
    } 
}

引导4转盘没有响应图像

相关推荐