Javascript 最小尺寸与纵横比调整图像大小

Javascript 最小尺寸与纵横比调整图像大小,javascript,jquery,html,Javascript,Jquery,Html,我正在使用以下代码对图像执行调整大小功能: $('.image_resize').each(function(){ var ww = $(window).width() - 80 - 400; var wh = $(window).height() - 60; var iar = $(this).attr('height') / $(this).attr('width'); var war = wh / ww; if(iar <= war){

我正在使用以下代码对图像执行调整大小功能:

$('.image_resize').each(function(){
    var ww = $(window).width() - 80 - 400;
    var wh = $(window).height() - 60;
    var iar = $(this).attr('height') / $(this).attr('width');
    var war = wh / ww;
    if(iar <= war){
        $(this).attr("width" , ww);
        $(this).attr("height" , ww * iar);
    }else{
        $(this).attr("height" , wh);
        $(this).attr("width" , wh / iar);
    }
})
$('.image_resize')。每个(函数(){
var ww=$(window).width()-80-400;
var wh=$(窗口).height()-60;
var iar=$(this.attr('height')/$(this.attr('width');
var-war=wh/ww;

如果(iar您可以通过简单地检查窗口高度是否小于400来实现。如果小于400,则使用以下代码将其强制为400

var wh = $(window).height() - 60;
wh = wh < 400 ? 400 : wh;
var wh=$(窗口).height()-60;
wh=wh<400?400:wh;

您只需检查窗户高度是否小于400即可。如果小于400,则使用以下代码将其强制为400

var wh = $(window).height() - 60;
wh = wh < 400 ? 400 : wh;
var wh=$(窗口).height()-60;
wh=wh<400?400:wh;

>P>这里有两件事要考虑:

1) 图像大小受ww和wh限制。您可能希望为图像区域指定最小宽度和高度

var ww = $(window).width() - 80 - 400;
var wh = $(window).height() - 60;
ww= ww<50 ? 50 : ww;
wh= wh<50 ? 50 : wh;
var ww=$(窗口).width()-80-400;
var wh=$(窗口).height()-60;

WW= WW

这里有两件事要考虑:

1) 图像大小受ww和wh限制。您可能希望为图像区域指定最小宽度和高度

var ww = $(window).width() - 80 - 400;
var wh = $(window).height() - 60;
ww= ww<50 ? 50 : ww;
wh= wh<50 ? 50 : wh;
var ww=$(窗口).width()-80-400;
var wh=$(窗口).height()-60;
ww=ww