标题可能描述不太清除,这里详细说明:
前置1:图片来源于用户,大小不确定,宽高比不确定
前置2:一块固定的div缩略去显示1-9张图片,外层div格式固定,1-9张图片的格子div划分也固定(9张图片的时候类似九宫格)。
如果我图片按照宽度去等比缩放,溢出的高度通过css overflow:hidden去隐藏,部分图片可以达到效果.宽度既全部压缩,高度只显示部分,无变形。
问题来了:
但是有部分图片因为高度随着适应宽度进行等比缩放,缩放后的高度已经无法撑满显示这张图片的div.就会留白...在显示上比较丑陋,高度层次不齐.个人感觉应该将图片适量扩大到显示这张图片的div高度,再hidden溢出的部分,但是不知道如何实现,衷心求解答!