Jquery div中的Proportion.each（）.children（）

随着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});
});

---

这里有一个例子：

有什么原因不能在CSS中使用百分比宽度吗？是的，我需要知道并存储位置和宽度值。。我以后无法访问这些速率。请注意，

children（）.width（）

将仅返回第一个子项的宽度。如果您想为每个孩子做一些事情，请使用

children（）.each（）

，但使用

$（此）

引用每个孩子，而不是重复

$（“#parentDiv”）.children（）

。如果与此类似，最好阅读：

$（'#parentDiv'）.children（）.each（函数（）{var childLeft=$（this.each（）.offset（）.left-$（“#parentDiv”）.offset（）.left；var childTop=$（this.each（）.offset（）.top-$（“#parentDiv”）.offset（）.top；var newChildLeft=childLeft*0.5；var newChildTop=childTop*0.5；$（this）.each（）.css（{top:newChildLeft，left:newChildLeft}）；}）