这是我所做的:jsFiddle
$("#container").resizable({
resize: function (event, ui) {
var w = ui.size.width;
var h = ui.size.height;
var l;
if (w>h) l = h/2;
else l = w/2
$("#left").width(l).height(l);
$("#right").width(l).height(l);
}
})
如您所见,我只是将正方形的边设置为容器宽度和高度之间的最小值的一半。这仅适用于容器本身是方形的。
我想要的是正方形尽可能地增长,而不会出现在对角线的另一边并保持平方比例,对于任何容器大小。
任何想法?