javascript - 调整子 DIV 的大小等于父 DIV

Question

我有一个宽度为 400 像素、高度为 200 像素的 DIV。在这个 div 里面是另一个 div，在位置 50,50 和字体大小 14px 有一些文本；

当父 DIV 调整大小时(例如调整到 600px x 300px)，我希望子 DIV 中的文本大小也调整大小(到更大的字体大小)，等于调整后的父 DIV。

我如何使用 jQuery 和 HTML 做到这一点？

Answer 1

让子div宽高100%

childDiv {
 display:block;
 width: 100%;
 height: 100%;
 position:relative //so you dont lose the positioning of your text
}