鍍金池/ 問(wèn)答/HTML5  HTML/ 子div隨著父div一起縮放

子div隨著父div一起縮放

在父div的position為abosulte或是relative的情況下，子級(jí)div的position為absolute.
此時(shí)監(jiān)聽(tīng)到了父div的縮放，并觸發(fā)了事件。
那么js如何做到去操作子級(jí)的left和top，及width和height，隨著父div的縮放而自適應(yīng)呢？

clipboard.png
圖片展示了大概的情景模型，大家有什么好的方法和建議么？

回答
編輯回答
我以為

父級(jí)縮放，子級(jí)也是跟著縮放的吧

2018年1月10日 19:51
編輯回答
護(hù)她命

相對(duì)于父元素給子元素寬高用百分比定義

2018年8月31日 18:44
編輯回答
心沉

轉(zhuǎn)換下解決思路，既然子級(jí)div寬高是由父級(jí)div確定，為何不直接給子級(jí)寬高及位置信息為百分比

2017年8月10日 22:55
編輯回答
菊外人

這不是css就能寫(xiě)的么

   .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>
2017年5月2日 06:28