笨猪一条 | A foolman, a foolpig

自从更换了这个主题之后打开以前那个主题的页面的时候总是看到侧边栏都跑到最下面去了，很不爽，新的图片插入的时候我还可以自定义宽度为470px，可是以往的我都是设置为500px的图片就很难看了

一直都没管，可是看多了就觉得很烦，我总不能一篇文章一片文章的去修改吧，累都累死掉了 -_-!!

有没有办法使图片自动的在我需要的宽度内自动缩放呢？

我首先想到的是插件，毕竟wordpress最令我神往的原因之一就是插件超级的丰富 ^_^
但是找了好多都不能令我满意，很多插件都加了我不需要的功能，再说插件太多会导致站点速度下降

只能从css方面着手了

不看则已，一看发现css的功能真是太强大了，居然连三元操作符都支持

我修改了
a img {}
增加如下代码：
max-width: 470px;
width: expression(this.width > 470 ? “470px” : (this.width+”px”));

max-width: 470px: 代码中的这个部分针对Firefox/Opera浏览器，限制对象的最大宽度为450px。
此代码对IE无用，为了让IE也能限制对象宽度，所以在代码中加入第2行命令，用IE提供的expression命令,使所有图片的宽度自动缩小或放大至470px:

文章中的图片到时可以按照我所想的实现了自动缩放，可是评论的gravatar图片也被缩放了，晕倒 =, =

后来发现只需修改 .entry img {}
增加如上的代码后就正常了

嘿嘿，又解决一个不爽的东东 ^_^

本文地址 : http://www.foolpig.com/2008/06/29/wordpress-img-outpage/
如果你对本文感兴趣，欢迎订阅我的博客