VIP福利
主页 > 加入VIP > 用CSS控制图片宽度和高度,使图片不变形,等比例缩放

分类

用CSS控制图片宽度和高度,使图片不变形,等比例缩放

用CSS控制图片宽度和高度,使图片不变形,等比例缩放 下面CSS是演示页面中图片最大 宽度为 700 。 超过700 自动等比例缩放至 700。 根据自己想要的效果修改吧。 .photo { max-width: 700px;//非IE浏览器 zoom:expression( function(elm) {//IE浏览器 if (elm.w […]



下面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));}

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

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!