javascript - 根据jquery对话框调整textarea的大小

Question

我是 CSS 新手。我有一个 jquery 对话框，其中有一个简单的文本区域，单击按钮即可弹出。弹出带有 textarea 的对话框后，如果我调整 jquerydialog 的大小，我希望 textarea 也相对于对话框调整大小。我该如何处理？我们是否有任何 css 属性来指定它？下面是按钮点击事件代码，

   function clickButton(){
      var dlg = $('<div style=width:500;> <textarea style=width:400> Sample text area       </textarea> </div>');
      dlg.dialog({
      width:600
     });
  }

Answer 1

在文本区域上使用百分比宽度而不是像素宽度。下面的 90% (任意选择，随意选择)是相对于对话框的 500px 大小的，因此如果调整大小，文本区域将随之缩放.

var dlg = $('<div style="width:500px;"> <textarea style="width:90%;">Sample text area</textarea> </div>');

作为良好实践并确保有效的 HTML 和 CSS，请养成引用 html 属性并显式指定像素大小的 px 的习惯，如下所示:

<div style="width:500px;" />