A-A+

解决WordPress图片撑破页面的问题

2008年08月20日 WordPress 暂无评论 阅读 1 次

如果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。例如:

”abc”

这样,该图片的宽度就会被缩小至450px了。

试试吧。Enjoy!

给我留言

Copyright © 浩然东方 保留所有权利.   Theme  Ality 07032740

用户登录