vultr优惠码,vultr云服务器,vultr优惠,vultr教程,vultr购买,香港主机,香港VPS,香港服务器,服务推荐,国外VPS推荐

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

网站教程 baishitou 4376℃ 0评论

网上找了好几个,都不太理想,有的还需要修改网站程序,有的需要调用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));}

 

喜欢 (2)or分享 (0)

您必须 登录 才能发表评论!