纯CSS控制WordPress文章中图片显示大小

Author: 陌小雨Date: 2015-01-31View: 81

如何让wordpress文章中图片看起来协调一致呢,陌小雨之前想了很多办法,最后发现原来用简单的css就可以搞定了,下面这串代码可能不兼容一些主题,但是xiu主题的话,你就放心大胆的copy吧。(这也是我选择xiu主题的原因啦,很多代码都是没有问题的。)

.article-content img {max-width: 400px}
.article-content img {
  zoom:expression( function(elm) {
  if (elm.width>400) {
  var oldVW = elm.width; elm.width=400;
  elm.height = elm.height*(400 /oldVW);
  }
  elm.style.zoom = '1';
  }(this));
}

加入后文章中的图片大小就看起来整齐,美观啦,如果再配上xiu主题专用图片暗箱插件,立马就高大上了。