javascript - 将文本大小更改为不超过表单输入的宽度

Question

我有一个<input>跨越页面宽度的表单，字体大小为2em（我们称之为基本字体大小）。

如果输入的文本超过字段的宽度，我不希望它被截断/溢出，所以我的问题是：我如何检测字段文本何时溢出字段并降低字体大小所以这一切保持在视野范围内？相反，我如何检测用户何时开始删除字符并反过来增加字体大小，但不高于基本字体大小？

任何帮助是极大的赞赏。

score 1 · Accepted Answer

这就是你需要的。

<input type="text" name="younameit" id="demo">
$('#demo').inputfit();

而且，这些 css 属性将有助于在字体大小更改时保留输入的大小。

min-height: 30px;
min-width: 500px;
line-height: 30px;

1 回答 1