我使用 <img> 标签将图像放置在我的网站中。当网站缩放到较小的屏幕时,图像会挂在容器上。为什么他们不与网站的其他部分一起扩展?有什么修复吗?
<div class="container">
<div class="col-md-12">
<div class="col-md-4 padtop">
<a href="#"><img src="img/WDadd.png" alt="" /></a>
</div>
</div>
</div>
我使用 <img> 标签将图像放置在我的网站中。当网站缩放到较小的屏幕时,图像会挂在容器上。为什么他们不与网站的其他部分一起扩展?有什么修复吗?
<div class="container">
<div class="col-md-12">
<div class="col-md-4 padtop">
<a href="#"><img src="img/WDadd.png" alt="" /></a>
</div>
</div>
</div>
我不知道这是否是正确的方法,但它似乎对我有用,你可以尝试添加,给它图像上的类缩略图,如果你不喜欢缩略图的外观,你可以随时编辑它在你的 CSS 文件中
示例:http: //jsfiddle.net/abnH6/6/
<div class="container">
<div class="col-md-12">
<div class="col-md-4 padtop">
<a href="#"><img src="http://lorempixel.com/500/500/" alt="" class="thumbnail"/></a>
</div>
</div>
</div>