在bootstrap中具有不同图像大小的图库

Question

我有两个不同大小的图像。我在我的项目中使用bootstrap。但我不能将图像放在一起，看起来两者都有相同的尺寸。我已经经历了类似的问题，并尝试了很多。请帮我解决这个问题。

   <div class="row">
  <div class="col-md-4">
  <div class="thumbnail">
    <a href="http://placehold.it/2048x1536" target="_blank">
      <img src="http://placehold.it/2048x1536" alt="Nature">
    </a>
  </div>
</div>

<div class="col-md-4">
  <div class="thumbnail">
    <a href="http://placehold.it/1280x720" target="_blank">
      <img src="http://placehold.it/1280x720" alt="Nature">
    </a>
  </div>
</div>

我的css是

.thumbnail img {
height:250px;
width:100%;
}

Answer 1

你可以把图片作为'div'标签的背景图片，将'background-position'的值设置为'stretch'。

说，如果图像具有不同的分辨率并且您将它们放入相同尺寸的容器中，则有时可能看起来像素化。