^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 若文中代码有问题,可能是少了几个问号,留言一定会解决!
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 站点文章结尾新增了赞赏通道
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

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

如何让 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 主题专用图片暗箱插件,立马就高大上了。

让小雨知道,这篇文章帮到了你

展开阅读全文

评论 2

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. canon
    请问这个COPY到哪里呢回复

登录

忘记密码 ?

切换登录

注册