javascript - 调整 textarea 和 div 的大小——但调整到与 div 调整大小相同的比例

Question

$( "#panel" ).resizable({
        animate: true,
        ghost: true
    });

你好，我有这个 javascript 代码(上面)和这个 html 代码(下面):

<div id=panel><br><form action="postit.php" method="post" name="post" style = "margin-left:40px;">
<textarea required cols="35" rows="5" name="status" style = "max-width: 500px; max-height: 150px;  width: 95%; opacity: 1;" class="resizable" id = "statuses">
</textarea>
<br>
<input type="submit" name="submit" value="Post Status!"/>
</form></div>

那么我必须输入什么代码才能使它也将 textarea 调整为与 div 调整大小相同的比例？

Answer 1

百分比。

<textarea id="textarea" style="width:50%; height:50%;">

Watch in Jsfiddle