导航

复制本文网址 | 上一篇 | 下一篇 | 返回日志列表

图片过大撑破界面的css解决办法

网站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下看着还是顺眼的。

  • 2007-10-28 9:36:8  CSS   
评论列表
共0篇评论

发表评论

☆温馨提示:为防spam,评论禁止了网址相关内容,如想发自己的网站,请往网址专用输入框里放 ^_^

Powered By Z-Blog | YYNote Design By 星铃丹 | 摇曳铃丹 版权所有 YYLD.net

Copyright xxxx-xxxx Your WebSite. Some Rights Reserved.