纯CSS控制文章内容图片等比缩放

作者: 时间:
浏览 : 935

很多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));}

 

Tag标签:

《“纯CSS控制文章内容图片等比缩放”》 有 1 条评论

  1. janice

    期待更新

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注