很多CMS模板,发布内容上传图片后,图片宽度超过正文主体内容宽度时,需要设置等比例缩放。下面用纯CSS来控制图片比例,效果非常不错,以下CSS设置的最大宽度是800px,超过800px的,都会按800px等比例缩放。
.img {max-width: 800px;//非IE浏览器
zoom:expression( function(elm) {//IE浏览器
if (elm.width>800) {
var oldVW = elm.width; elm.width=800;
elm.height = elm.height*(800 /oldVW);
}
elm.style.zoom = '1';
}(this));}
发表回复