Re размер различных изображений без искажений

Question

Все изображения имеют одну общую черту; все они имеют ширину 300 или 600 пикселей. Но высота колеблется от 300-900 пикселей. Теперь мне нужна небольшая группа изображений, которые будут использоваться, чтобы предлагать другие изображения для пользователя. Это будет всего около 100x200 пикселей (может измениться). Моя предыдущая попытка сделала изображения сжатыми в пропорции 100x200. Мне нужно, чтобы он перекрывался, но избыток скрыт.

Answer 1

Try что-то вроде этого http://dabblet.com/gist/2769112

CSS вам нужно будет просто

.img-container { 
    width: 200px; /* whatever set width */ 
    height: 100px; 
    display: inline-block; /* or you could float them */ 
    overflow: hidden; 
} 
.img-container img { 
    width: 100%; 
} 

Answer 2

Поместите изображения в оберточный элемент, например DIV, с определенной высотой и шириной и используйте overflow:hidden.