网站css不同,对图片大小需求也往往不同,尤其是日志之类发布上去的图片,可能会在皮肤改变的时候撑破了界面。当然,除非这个站永远不换皮就不用担心这点。不过这个方法只适应固定宽度的界面,而不适合百分比界面;比如我当前这个皮肤。在css里适当地方加入如下代码:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
其意思是图片大于590px的时候,就按比例缩小到590px;当然,数值可以自己改。
我对我的61%宽度单栏还是才有了笨办法,逐一修改含有日志的图片,加入height和overflow:scroll;;至于前者,是因为皮肤的背景横线作祟,想要有图片的日志对齐横线,除了把图片嵌入文字里外,就只能指定img的height值;而后者,就是当图片超出上一层的宽度的时候,截取并出现滚动条。当然,这里也把滚动条美化了一下,虽然FF等浏览器不支持,但至少在IE下看着还是顺眼的。