+ -
当前位置:首页 → 问答吧 → 图片自动等比例缩放的问题

图片自动等比例缩放的问题

时间:2011-04-06

来源:互联网

我发现个问题,不设置高的的话,ff下,如果宽度没超过,高度超过了,那么图片显示不全,只显示上面一段,如果设置了高度,ie6下会显示出高和宽都小于max-height和max-width的图片,我一直刷新,有时前几张会显示正常
VB code

.div1 img { 
    vertical-align:middle;
    max-height:190px;
    height:expression(this.width > 190 ? "190px" : this.height) !important; 
        
    max-width:230px; 
    width:expression(this.width > 230 ? "230px" : this.width);
}

作者: semanwmj   发布时间: 2011-04-06

我用js实现的。
JScript code

$(function(){
    $(".news img").each(function(){
        var maxWidth=newsWidth-20;
        if($(this).width()>newsWidth-20){
            imgRate=$(this).width()/$(this).height();
            $(this).css("width",maxWidth+"px").css("height",maxWidth/imgRate+"px");
        }
    });
});

作者: berg369   发布时间: 2011-04-25

热门下载

更多