子div随着父div一起缩放

Question

在父div的position为abosulte或是relative的情况下，子级div的position为absolute.
此时监听到了父div的缩放，并触发了事件。
那么js如何做到去操作子级的left和top，及width和height，随着父div的缩放而自适应呢？

图片展示了大概的情景模型，大家有什么好的方法和建议么？

Answer 1

这不是css就能写的么

   .a{
     width: 500px;
     height: 500px;
     position:relative;
     border: 1px solid red;
   }
   .b{
     width: 10%;
     height: 10%;
     position: absolute;
     left: 10%;
     top: 10%;
     border: 1px solid green;
   }

 <div class="a">
   <div class="b"></div>
 </div>

Answer 2

转换下解决思路，既然子级div宽高是由父级div确定，为何不直接给子级宽高及位置信息为百分比

Answer 3

相对于父元素给子元素宽高用百分比定义

Answer 4

父级缩放，子级也是跟着缩放的吧