岁月联盟 - 技术社区 - BBS.SYUE.COM's Archiver

xlight 发表于 2007-8-19 19:14

控制图片的最大长宽

开发想册时碰到的问题....   写出来大家参考参考...

方法1:css控制;
[code]<style type="text/css">
img{
   max-width:300;
   max-height:100px;
   /*由于IE6.0以及以前版本的IE不支持上边两个属性,所以加上以下两条语句.这里要说明的是    expression只有IE支持*/
   width: expression(this.width > 300 && this.width / 300 >= this.height / 100 ? 300 :     true);
   height: expression(this.height > 100 && this.width / 300 < this.height / 100 ? 100 :    true);
    }
</style>[/code]

方法2:js控制法;
[code]<img src="4.jpg" onload="if(this.height >200)this.height=200; if(this.width >100)this.width=100;">[/code]

狂踩日本狗 发表于 2007-8-24 16:34

:微笑:

a490205180 发表于 2007-8-27 11:56

学习啦

页: [1]

Powered by Discuz! Archiver 7.0.0  © 2001-2009 Comsenz Inc.