首页 > 代码库 > 前端-图片尺寸处理笔记
前端-图片尺寸处理笔记
带缩略图的可更新焦点图,不按照固定尺寸上传,那么我们给图片设置
.item .imgWrap{ height : 500px; // 图片最大高度,让img vertical-align;}.item .imgWrap img{ width: auto; // 图片根据高度自动变动宽度; max-width: 600px; max-height: 500px; // 设定最大高度,原图片大于这个高度,就按照比例自动压缩宽度,如果压缩后的宽度大于最大宽度,则又按照最大宽度按比例压缩宽度高度; vertical-align: middle; //如果图片高度不够最大高度, 图片水平居中父级;}
前端-图片尺寸处理笔记
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。