子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确定，为何不直接给子级宽高及位置信息为百分比