首页 信息技术正文

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,猎豹,遨游中都正常了


 

评论

精彩评论
  • 2012-10-11 10:08:44

    昨天试着还行,怎么今天又不行了呢[F]What[/F]

«    2023年11月    »
12345
6789101112
13141516171819
20212223242526
27282930

控制面板

您好,欢迎到访网站!
  查看权限

文章归档