按比例调整窗口大小

Question

有没有办法可以按比例调整窗口大小？ 这意味着即使您垂直调整窗口大小，水平也会按比例调整大小。

我知道'aspectRation'为div做了但我需要它用于窗口。 请看例子 http://jqueryui.com/demos/resizable/aspect-ratio.html

我想以这种方式调整窗口大小 感谢

Answer 1

您需要监听onsize事件并自行进行计算（基于之前的大小与新大小）。然后你可以保持所需的宽高比。

Answer 2

谢谢马特， 这就是我的工作方式

imgRow = 8;
imgCol = 6;

max_w = $(window).width()/imgRow
max_w = $(window).width()/imgCol

if(max_w > 147) max_w = 147;//Not to exceed its original width
if(max_h > 147) max_h = 147;//Not to exceed its original height

$("img").each(function(i) {
    var this_w=$(this).height();
    var this_h=$(this).width();
    if (this_w/this_h < max_w/max_h) {
    var h = max_h;
    var w = Math.ceil(max_h/this_h * this_w);
    } else {
    var w = max_w;
    var h = Math.ceil(max_w/this_w * this_h);
    }
    $(this).css({ height: h, width: w });
});