根据窗口大小重新调整文本区域大小

Question

我在弹出窗口中有最大化按钮,我有一个文本区域,并希望根据最大化窗口重新调整大小.下面是打开弹出窗口的代码

var url = "mypopup.do" + params;
var modalprops = "height=310px,width=400px,scrollbars=yes,status=no,menubar=no,resizable=yes";
window.open(url, 'winName', modalprops, false);

Answer 1

给它一个百分比相对宽度如下:

<textarea style="width:100%"></textarea>

在调整浏览器大小时,这应该在没有javascript的情况下调整大小.

编辑:如果你在textarea的css上设置它们,则编辑宽度和高度:

<div style="width:40%;height:40%">
    <textarea style="width:100%; height:100%;"></textarea>
</div>

这将相应地调整textarea,在div和底层弹出窗口内.

jsBin:http://jsbin.com/odukur/1/