解决WordPress图片撑破页面的问题
触手所及 | October 18, 2006
如果Blog的文章正文部分宽度只有450px，文章里加了一幅宽度超过450px的图片，无论是IE还是Firefox/Opera下都会出现撑破页面的情况。怎么办呢？下面给出两种解决方案备选。
1. 通过定义CSS解决。示例：定义一个如下img属性
#xxxx .xxxxx img {
max-width: 450px;
width: expression(this.width > 450 ? “450px” : this.width);
}
max-width: 450px: 代码中的这个部分针对Firefox/Opera浏览器，限制对象的最大宽度为450px。
此代码对IE无用，为了让IE也能限制对象宽度，所以在代码中加入第2行命令，用IE提供的expression命令,使所有图片的宽度自动缩小或放大至450px:
width: expression(this.width > 450 ? “450px” : this.width);
这种方法简单易行，一劳永逸，但是IE浏览器中，所有宽度不足450px的图片也会被放大失真。
2. 在插入图片的时候定义图片宽度。
如果想要完美解决这个问题，还有个笨办法，就是针对每张宽度大于450px的图片，都在插入图片时定义其宽度为450px。例如：
<img width=”450″ src=”http://www.abc.com/images/abc.jpg” alt=”abc” />
这样，该图片的宽度就会被缩小至450px了。
试试吧。Enjoy!