<Parent style={{transform: "scale(2)"}}>
  <Child_1 />
  <Child_2 />
  <Child_3 />
  <Child_4 />
<Parent />

目标是使子_X按比例缩放，并使它们之间的间距按比例缩放。

这

怎么能轻易做到呢？

---

顺晟科技：

如果它们是DIV，

则可以使用它们的宽度。

1。首先找到父元素的宽度：

document.getElementById("parentElement").offsetWidth

注意：这只是一个示例，因为您还没有提供这些DIV的代码，所以您可能需要对此进行一些相应的更改。

在这里，我们要找出父元素的宽度。

2。查找子元素的宽度：

document.getElementById("childElement").offsetWidth

在这里，我们要找出子元素的宽度。

3。求比例：

let parentWidth = document.getElementById("parentElement").offsetWidth;
let childWidth = document.getElementById("childElement").offsetWidth;
let proportion = childWidth / parentWidth;

在这里，我们将子元素的宽度除以父元素的宽度，这样我们就可以得到我们必须调整元素大小的比例。

4。使用scale()属性：

let parentWidth = document.getElementById("parentElement").offsetWidth;
let childWidth = document.getElementById("childElement").offsetWidth;
let proportion = childWidth / parentWidth;
<Parent style={{transform: "scale(2)"}}>
  <Child_1 style={{transform: {`scale(${2 * proportion})`}}}/>
  <Child_2 style={{transform: {`scale(${2 * proportion})`}}}/>
  <Child_3 style={{transform: {`scale(${2 * proportion})`}}}/>
  <Child_4 style={{transform: {`scale(${2 * proportion})`}}}/>
<Parent />

好了，通过使用比例变量来动态地改变比例值，您可以轻松地实现您想要的！

---

现在，有几个问题：

考虑到这个代码在理论上是可行的，我不能说它对你有用，因为你在问题中没有提供任何代码。这很糟糕，请确保从现在开始提供代码。这只是为了你好，这样我们可以为你的问题写一个更好的答案。