1

我在这里尝试使用1200x300图像的轮播示例http://getbootstrap.com/javascript/#carousel。它在宽度超过 1200 的大屏幕上看起来很好。但是当我减小浏览器宽度时,轮播中的图像会减小并且看起来很薄。     

是否有任何技巧可以将最小高度应用于轮播中的图像。

4

3 回答 3

0

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

于 2013-08-30T16:55:24.450 回答
0

您可以使用CSS 媒体查询来实现您所需要的。

于 2013-08-30T16:17:40.330 回答
0

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

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

于 2013-08-30T16:17:41.953 回答