Галерея изображений с различными размерами изображений в начальной загрузке - PullRequest
Новая
       19

Галерея изображений с различными размерами изображений в начальной загрузке

0 голосов
/ 21 мая 2018

У меня есть два изображения с двумя разными размерами.Я использую загрузчик в моем проекте.Но я не могу объединить изображения, которые выглядят так, как будто они имеют одинаковое измерение.Я прошел через подобные вопросы и много пытался.Пожалуйста, помогите мне разобраться с этим. 

   <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%;
}

1 Ответ

0 голосов
/ 21 мая 2018

Вы можете сделать это, поместив изображение в качестве background-image для тега 'div' и установив значение 'background-position' как 'stretch'.

Сказал, что, если изображения отличаютсяразрешение, и вы поместите их в контейнер того же размера, который иногда может выглядеть пиксельным.

...