子div随着父div一起缩放

Question

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

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

Answer 1

这不是css就能写的么&nbsp; &nbsp;.a{&nbsp; &nbsp; &nbsp;width: 500px;&nbsp; &nbsp; &nbsp;height: 500px;&nbsp; &nbsp; &nbsp;position:relative;&nbsp; &nbsp; &nbsp;border: 1px solid red;&nbsp; &nbsp;}&nbsp; &nbsp;.b{&nbsp; &nbsp; &nbsp;width: 10%;&nbsp; &nbsp; &nbsp;height: 10%;&nbsp; &nbsp; &nbsp;position: absolute;&nbsp; &nbsp; &nbsp;left: 10%;&nbsp; &nbsp; &nbsp;top: 10%;&nbsp; &nbsp; &nbsp;border: 1px solid green;&nbsp; &nbsp;}&nbsp;<div class="a">&nbsp; &nbsp;<div class="b"></div>&nbsp;</div>

Answer 2

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