SSR服务器搭建,VPS搭建SSR,SSR客户端配置,vultr搭建SSR,dedecms,织梦,科学上网,织梦伪静态规则,织梦全站伪静态,织梦手机版伪静态

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

工作手记 baishitou 1515℃ 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));}

 

转载请注明:白石头博客 » 织梦内容页图片等比例缩放,用CSS控制图片适应大小

喜欢 (1)or分享 (0)

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