我有一系列输入字段，它们使用一些内联JS根据其内容的更改来调整宽度，并像内联编辑器一样工作...
<input type="text" class="form-control form-control-lg " value="{{project.pname}}" placeholder="Project Name" onkeyup="this.size = Math.max(this.value.length, 1)">
这按预期工作，但是我注意到，无论任何CSS样式如何，输入字段在页面加载时似乎都具有默认宽度（我从引导CSS中删除了100％的宽度，因此CSS宽度在其中没有影响。浏览器设置中内置的默认输入宽度大小。）
无论如何，这意味着当我有短字符串时，我仍然具有较宽的输入字段，而当我有长字符串内容时，更糟糕的是，直到我聚焦该项目并按一个键时（即使向上，向下，向左或向右也会调整大小）。框。）
是否有任何方法可以在页面加载时相应地调整这些字段的大小。