html - Twitter Bootstrap 轮播不拉伸(stretch)背景图像

Question

我希望轮播按比例缩放背景图片

在这个问题中Bootstrap Carousel Image does not scale proportionately建议保留图像显式尺寸，但我不明白这是什么意思。

Answer 1

在你的 HTML 中设置它

对于轮播中的每个 img 元素，您可以像这样将 width 属性设置为 100%(尽管您不需要如果自然分辨率大于控件):

<img src="http://i.imgur.com/OEdBxVD.jpg" width='100%'>

• 通常情况下，此图片太小而无法完全展开，但会 100% 放大。
• 确保您没有将 width 或 height 设置为任何像素大小

jFiddle

由于图像将全屏显示，您应该尝试使用自然会尝试占用整个可用宽度的分辨率。当浏览器必须放大图像时，会导致伪像。