div img{ max-width:500px; //IE7、FF等其他非IE浏览器下最大宽度为500px; width:500px; //所有浏览器中图片的大小为500px; width:expression(document.body.clientWidth>500?"500px":"auto"); //当图片大小大于500px,自动缩小为500px; overflow:hidden; }
很多人给这个,剩下自己看
确实是答案,但不懂css的人还是不会搞
我只给出5.0的解决方法,其他版本不管了 5.0默认css放在 skin/default/css/ 在style.css中查找 #text 找到这句 .showpage .main #text { font-size: 14px; line-height: 1.8; }
在他下面 加上
.showpage .main #text img{ max-width : 500px; width: expression ( function(img){ img.onload=function(){ this.style.width = ’’; this.style.width = (this.width > 500)?"500px":this.width+"px" }; return ’120px’ //加载时显示宽度为120px }(this) ); }
最大宽度是500;这样图片如果宽度大于500就自动比例缩放为500,小于500则按原图大小显示;
这个方法很好,解决了大于500和小于500的问题 max-width:500px; //IE7、FF等其他非IE浏览器下最大宽度为500px;
所以在ie6下这个办法木用 哈哈哈
|