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

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

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

2014-08-01 22:42 来源：加入VIP 作者：dedesos

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

用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));}

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

说点什么吧

全部评论（0）
最新最早

还没有评论，快来抢沙发吧！

分类

推荐文章

推荐下载

标签推荐

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