移动设备中的Bootstrap轮播图像太大了

Question

我在我的网站上使用bootstrap轮播。在手机中打开时，图像很大。看看www.nwberryfoundation.org看看我的意思。有没有办法在这种观点中减少旋转木马？

我试过了     @media屏幕和（max-width：400px）{       .carousel {           宽度：75％;       }     }

似乎没有什么区别。

Answer 1

使用下面的代码不需要媒体查询，也不要应用宽度而是尝试max-width

.carousel{
  max-width: 300px;  // u can changed it based on ur need or play with %
  margin: 0 auto;    // required to center div horizontally
}