引导旋转木马图像高度导致较小屏幕上的滚动条

Question

我是很新的引导，和编程在一般所以请耐心！我真的花了好几个小时试图通过这里/谷歌找到解决我的问题的方法，现在是寻求帮助的时候了！

基本上，我试图做一个网站，以显示照片在旋转木马。我希望我的网站能够响应，这样它就能在较小的设备上工作。我的所有原始图像都是相同的大小/尺寸(2304 x 1728所以4:3，可能太大了)，并使用img-responsive类。

它在大屏幕上看起来很好，但当我在较小的笔记本电脑屏幕和平板电脑上试用时，图像高度会导致滚动条的出现，因此您看不到图像/标题的底部。然而，图像宽度是响应和缩小，以适合不滚动。

据我所知，旋转木马的大小是由图像大小决定的，所以合理的解决办法是使我的图像尺寸在高度上变小--但我需要保持高宽比，而较小的图像看起来不太好。我也试着把固定的高度设定为一种风格，但它没有起作用。

使用浏览器窗口的旋转木马的理想图像大小( px)是多少(允许导航条/页眉/页脚)，以及如何使其高度不需要滚动条？

事先非常感谢！

Answer 1

我的答案可能不是每个人都能接受的，但我认为bootstrap的唯一缺陷就是Bootstrap Carousel。

不能轻易更改(正如您所说的，您没有多少编程经验)，也不提供大量的自定义功能。

因此，我认为解决问题的最佳方案是猫头鹰，提供了数百个定制选项

猫头鹰旋转木马

​

​

触摸支持jQuery插件，让您创建美丽的响应旋转木马滑块。