首页 > 代码库 > 前端-图片尺寸处理笔记

前端-图片尺寸处理笔记

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

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

 

前端-图片尺寸处理笔记