zblog文章图片自动缩小宽度

MrDuan 信息技术 2012-10-10 2601 1 博客 zblog 本站建设

编辑所用模板的css文件。css文件一般在模板文件夹下面的\THEMES\你模板的名字\STYLE\

查找　div.post-body img{　

其中.post-body是文章正文区所在容器(div/td)的类，不同的主题可能名字不同

在后边加上相关代码，如下：

div.post-body img{
                      padding:4px 4px 4px 4px;
                      border:0;
                      clear : both;
                      float : none;
                      width:expression(document.body.clientWidth>520?"520px":"auto");
                      max-width:520px;
}
红色部分就是要添加的部分。520是要缩放到的宽度

上面的代码实现了在IE，３６０，猎豹，遨游中过大图片自动缩小，但在猎豹浏览器和遨游浏览器中会将小尺寸图片放大

改为：

width:expression(this.Width>520?"520px":"auto");
max-width:520px;

或

width:expression(this.offsetWidth>520?"520px":"auto");
max-width:520px;

后在IE，３６０，猎豹，遨游中都正常了