发新话题
打印

控制图片的最大长宽

控制图片的最大长宽

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

方法1:css控制;
复制内容到剪贴板
代码:
<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>
方法2:js控制法;
复制内容到剪贴板
代码:
<img src="4.jpg" onload="if(this.height >200)this.height=200; if(this.width >100)this.width=100;">

TOP

:微笑:

TOP

学习啦

TOP

发新话题