CSS-SharePoint Web部件中的响应引导转盘

我只想在使用引导旋转木马的过程中介绍一下，它经过了极大的定制（虽然不是由我定制的），可以在SharePoint web部件中使用。我觉得这一点很重要，因为在这个特定的环境中，可能会有很多事情影响CSS

也就是说，我在引导转盘响应方面遇到了问题。我移动了很多样式，但这是最新的迭代：

#Carousel { 
max-width: 400px; 
}

@media screen and (max-width: 926px) {

#Carousel { 
position: relative; 
width: 100%; 
height: 0; 
padding-bottom: 40%; 
}

#Carousel .carousel-indicators, #jbCarousel .carousel-inner, #jbCarousel .control-container { 
position absolute; 
width: 100%; 
}

}

---

我希望旋转木马容器最大为400px；我也试图保持它的纵横比。这不起作用，不管窗口大小如何调整，它都会保持400px。由于我上面设置的子容器的宽度为

width:100%

，它们也设置为400px，因此大小实际上没有变化。

尝试将400px更改为%。@Vaibhav谢谢，但400%会使其比父容器大得多，这不是我想要的。问题是父容器是一个div，它被迫充当一个表（

display:table；

），这导致它下面的所有内容在调整屏幕大小时都不灵活，等等。我通过添加“table layout:fixed；”来修复它这让所有的后代都能响应，不会溢出。我不是说400%。我的意思是你保持100%或任何适合你的布局。也感谢您发布解决方案。