twitter-bootstrap轮播css图像调整大小

时间:2013-08-30 16:13:06

标签: html css twitter-bootstrap

我正在尝试这里的轮播示例http://getbootstrap.com/javascript/#carousel,图片为1200x300。它在大屏幕上看起来很好,宽度超过1200.然而,当我减小浏览器宽度时,旋转木马中的图像减少并且看起来很薄。

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

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

基本上我认为正在发生的事情是因为我没有任何代码需要关注,你需要关闭响应式引导程序,否则引导程序会巧妙地调整页面上对象的大小。

另外我注意到,如果您调整图像http://placehold.it/1200x300的大小,那么它会缩小,但这可能根本不会影响它

答案 2 :(得分:0)

如果您在max-width: 100%; height: auto;上设置img,无论你做多么窄,都会保留它的宽高比(即保持正确的形状)。

相关问题