JS设置TextAear

我想要实现这样一种效果
在页面中我有一个文本域, 我想根据打开的窗口的大小来衡量这个文本域里显示的列数(cols)和行(rows),
也就是说如果窗口时全屏的话那么,这个列数和行数可能设置的值就大一点,如果把窗口缩小的话,这个值也跟着变小了,
请问有么有可以实现的方法呢?

[code="html"]

//初始比例rows 50; cols 100 //按比例缩放 window.attachEvent("onresize", function() { var txt = document.getElementById("txt"); var cols = Math.round(100 * document.body.clientWidth / window.screen.width); var rows = Math.round(100 * document.body.clientHeight / window.screen.height); txt.rows = rows; txt.cols = cols; });



[/code]

你只要在window的resize事件里根据窗口大小设置你的textarea

如果不用js,用样式看看够你要求不