javascript - 根据窗口大小调整文本区域的大小

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 来调整它的大小。

编辑:宽度 和高度 如果您在文本区域的 css 上设置它们，则会被编辑:

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

这将在 div 和底层弹出窗口内相应地调整文本区域的大小。

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