上海益国网络科技有限公司
上海专业网站建设一条龙服务

学无止境!

这里摘有最贴近网站程序使用的方方面面相关技术文档~

021-20906540
AM 9:30-12:00 PM:2:00-5:30
您当前位置:首页 >> 技术支持 >>  技术专辑 >>  无损图片

CSS定义图片的宽高不变形处理方法

width:expression(this.width > this.height && this.width >120 ? 120 :true);

height:expression(this.height > this.width && this.height > 90? 90 : true);

max-width:120px;

max-height:90px;



直接在CSS里面用JS的处理办法实现如下:

<style type="text/css">

#ifocus_piclist img{max-width:408px;max-height:294px;_zoom:expression(function(x){var w=x.width||x.offsetWidth,h=x.height||x.offsetHeight);if(w>408&&408*h/w<=294)x.style.width=408;if(h>294&&294*w/h<=408)x.style.height=294;if(x.style.width!=''||x.style.height!='')x.style.zoom=1}(this))}

</style>


做网站找动人网络!建站一条龙服务找动人网络!站长学习尽在站长培训网
  • Jquery,VMiddleImg实现的图片居中裁减
  • 图片等比例缩放 优化版JS
    TOP