织梦内容页图片等比例缩放,用CSS控制图片适应大小

网上找了好几个,都不太理想,有的还需要修改网站程序,有的需要调用JS。下面这段CSS是我比较满意的一个,纯CSS,非常不错,我这边设置的最大宽度是700像素,超过700的,都按700等比例缩放。

.img {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));}

 

THE END