10
2012
10

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,360,猎豹,遨游中过大图片自动缩小,但在猎豹浏览器和遨游浏览器中会将小尺寸图片放大

改为:

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

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

后在IE,360,猎豹,遨游中都正常了


 

« 上一篇: 安装使用 自动保存远程图片插件... 下一篇: zblog代码修改介绍... »
与此文相关的文章,有兴趣就接着看看吧:

 

评论列表:

1.MrDuan  2012-10-11 10:08:44 回复该评论
昨天试着还行,怎么今天又不行了呢[F]What[/F]

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。