如何在jQuery中使用％而不是px来调整大小

Question

我有一个textarea，在其中我使用了jquery resizable。

jQuery("#TxtOrig").resizable({maxWidth: 900 });

此查询将允许我将尺寸调整为900px。调整页面的大小会挤压文本区域，在这种情况下，如果调整页面大小，我想让文本区域的maxwidth减小。

我可以像％一样使maxWidth动态吗？像是100％包含在div中？

 <div id="DivOrig">
  <textarea id="TxtOrig" name="wl_text" wrap="soft" >Type or paste here to translate text...</textarea>
 </div>

css

#DivOrig {
  justify-content: center;
    align-items: center;
    width: 50%;
   /* min-width: 918px; */
    background-color: #eef6f9;
    border: 1px solid #d5e1e5;
    border-radius: 4px;
    box-shadow: 3px 3px 4px 1px #d5e1e9;
    padding: 10px 10px 10px 10px;
    margin-left: 1%;
    margin-bottom: 10%;
}

由于我的DivOrig为50％，所以我可以通过jQuery调整大小，每次每次使用页面大小调整textarea的大小时，textarea现在只能最小化到该div之内吗？如果我将MaxWidth用作900，则它是px，因此我也可以在div之外调整大小。但我不想那样。