Twitter bootstrap 如何在引导中根据屏幕分辨率调整内容大小

您只需将图像设置为宽度：100%，即可随浏览器缩放

或者

引导中的图像通过 .img液体。最大宽度：100%；高度：自动；适用于 图像，以便它与父元素一起缩放。 [

---

因此，只需给img一类img流体。

最好的方法是使用div并添加图像作为div的背景，假设您想将

div

类称为

hero banner

。css类将是：

// css
.hero-banner{
background-image: url('/images/location/hero.jpg');
background-size: cover;
background-repeat: none; 
min-height:450px;
}



// html
<nav>
    ....
</nav>
<div class="hero-banner"></div>

//css
.英雄旗帜{
背景图片：url（'/images/location/hero.jpg'）；
背景尺寸：封面；
背景重复：无；
最小高度：450px；
}
//html
....