官方群号

二维码 扫二维码马上关注
关注有礼
用CSS控制图片宽度和高度,使图片不变形,等比例缩放

下面CSS是演示页面中图片最大 宽度为 700 。 超过700 自动等比例缩放至 700  。 根据自己想要的效果修改吧。

.photo { 
        max-width: 700px;//非IE浏览器
zoom:expression( function(elm) {//IE浏览器
if (elm.width>700) {
var oldVW = elm.width; elm.width=700;
elm.height = elm.height*(700 /oldVW);
}
elm.style.zoom = '1';
}(this));}

代码很简单,也非常实用,赶紧去试试吧?有什么问题,请加群咨询。


上一篇:没有了 下一篇:HTML5 语义化结构化规范化