我目前正在使用 twitter bootstrap 3,并且在创建响应式图像时遇到问题。我用过img-responsive
班级。但图像尺寸并未放大。如果我使用width:100%
代替max-width:100%
然后它就完美地工作了。哪里有问题?这是我的代码:
<div class="col-md-4 col-sm-4 col-xs-12 ">
<div class="product">
<div class="product-img ">
<img class="img-responsive" src="img/show1.png" alt="" />
</div>
</div>
</div>
Bootstrap的响应式图像类集max-width
至 100%。这限制了它的大小,但不会强制它拉伸以填充大于图像本身的父元素。你必须使用width
强制升级的属性。
http://getbootstrap.com/css/#images-responsive
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)