twitter-bootstrap旋转木马css图像调整大小

问题描述：

我想在这里的旋转木马示例与图像1200x300。它在宽度超过1200的大屏幕中看起来很好。但是，当我减小浏览器宽度时，轮播图像减少，看起来很薄。 twitter-bootstrap旋转木马css图像调整大小

是否有任何技巧在旋转木马中对图像应用最低高度。

[min-height - CSS | MDN]（https://developer.mozilla.org/en-US/docs/Web/CSS/min-height） – Itay

答

您可以使用CSS media queries来实现您所需要的。

伙计们，感谢您的意见。让图像保持纵横比是有意义的。但是，如果我需要做一些技巧手动设置高度，当用户减少屏幕宽度媒体查询应该是要走的路。 – Darn

答

基本上我认为正在发生的事情，因为我没有任何代码可以查看，因为您有响应的引导程序，您需要关闭它，否则引导程序会巧妙地调整页面上的对象的大小。

我也注意到，如果你调整图像http://placehold.it/1200x300然后它缩小尽管这可能不会影响它在所有

答

如果您在img设置max-width: 100%; height: auto;，它将保留它的纵横比（即保持正确的形状）不管你做得多窄。