前端-图片尺寸处理笔记

带缩略图的可更新焦点图，不按照固定尺寸上传，那么我们给图片设置

.item .imgWrap{
    height : 500px; // 图片最大高度，让img vertical-align;
}

.item .imgWrap img{
    width: auto;  // 图片根据高度自动变动宽度;
    max-width: 600px;
    max-height: 500px;  // 设定最大高度，原图片大于这个高度，就按照比例自动压缩宽度，如果压缩后的宽度大于最大宽度，则又按照最大宽度按比例压缩宽度高度;
    vertical-align: middle; //如果图片高度不够最大高度, 图片水平居中父级;
}