div中的比例.each（）。children（）

Question

随着'parentDiv'越来越小，我希望'parentDiv'中的'childs'按比例缩小。

当只有一个'孩子'时，这是有效的。 但是，当我有一个以上的“孩子”时，我希望它能够起作用，以保持每个人的位置和比例。

我该怎么做？

var parentDivLeft = $("#parentDiv").offset().left - $("#exDiv").offset().left;
var parentDivTop =  $("#parentDiv").offset().top - $("#exDiv").offset().top;

$('#parentDiv').width( ($('#parentDiv').width())*0.5 ).height( ($('#parentDiv').height())*0.5 );

var childWidth = $('#parentDiv').children().width();
var childHeight = $('#parentDiv').children().height();
var newChildWidth = childWidth * 0.5;
var newChildHeight = childHeight * 0.5;

$('#parentDiv').children().width( newChildWidth).height(newChildHeight); 

$('#parentDiv').children().each(function () {
    var childLeft = $("#parentDiv").children().offset().left - $("#parentDiv").offset().left  ;
    var childTop =  $("#parentDiv").children().offset().top - $("#parentDiv").offset().top ;
    var newChildLeft = childLeft * 0.5 ;
    var newChildTop =  childTop * 0.5 ;
    $("#parentDiv").children().css({top: newChildTop, left: newChildLeft});
});

这里有一个例子：https://jsfiddle.net/SemaK/5c4tpuzy/1/