如何图片太大撑破表格图片自适应图片按比例缩小问题
 

打开skin/default/css/style.css，

css里加这个
img {
max-width:560px;
myimg:expression(onload=function(){
this.style.width=(this.offsetWidth > 560)?"560px":"auto"}
);
}


上边的代码在默认情况下是控制整个网站的，这样就出现一个问题， 首页中间的长图片条也被缩小了。 可以用下边的思路解决问题。

我们可以给不同的内容模板设置不同的css文件。如“默认新闻内容模板 ”页，打开它，将
<link href="[!--news.url--]skin/default/css/style.css" rel="stylesheet" type="text/css" />

改成：

<link href="[!--news.url--]skin/default/css/newstyle.css" rel="stylesheet" type="text/css" />

然后再进入skin/default/css,复制一个style.css，并将复制的文件改成newstyle.css, 然后再打开newstyle.css， 将 img css控制代码改成：

img {
max-width:560px;
myimg:expression(onload=function(){
this.style.width=(this.offsetWidth > 560)?"560px":"auto"}
);
}

这样就不要改style.css中的img css了。