Baidu recently developed a similar picture page encountered a technical difficulty. Width and height are not the same all the pictures, how to make pictures just covered screen.
Our first picture height is fixed, but because each picture aspect ratio is not the same, so work out the width of each figure is not the same, to make a positive pictures
Well covered screen, only on the width of the picture to crop, how about cutting that it is the most reasonable?
Suppose line images can be placed up to n, n + 1 is taken to crop images, assigned to the excess portion of each image in proportion to crop, a large width of a multi-picture CD
Point, the small width of the picture cut a little less, so the overall picture and the picture looks not much difference, to achieve the effect is not bad.
Online Demo: http://gavincat.cn/ImgListDemo
Source link: https://github.com/752848087coder/ImgListDemo
