调整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