Javascript MVC限制固定高度和宽度文本区域中的行和字符

以下是我所拥有的： 我有一个文本区，有非常严格的大小限制，高度：300px，宽度：612px，这些是固定的，不能更改

以下是我需要它限制的内容： 我需要输入的文本能够适应一个页面，我已经做了研究的页面，它需要适应，限制是101行，每行最多118个字符。并向用户显示他们还剩下多少

问题:

---

我找到的所有解决方案都使用textarea本身及其大小来动态显示剩余的行数和字符数。但是，由于这是固定高度，因此使用该方法将丢弃初始行。此外，当按下enter键时，我还没有找到一个好方法来减少他们留下的字符数。

如果用户更改了字体大小，或者有一个不同字体大小的自定义用户样式表，或者有一个不同DPI的设备，该怎么办？在特定的字体大小、分辨率和DPI下，您测试的行/字符只有那么多。如果你想要一个字符的硬限制，那么你可以这样做，但是试图使它适合文本框是不可能做到一致性的。请记住，您也必须在服务器端检查它，因为最终用户很容易更改浏览器中的限制逻辑。这可能也很有用：@ChrisPratt设置了结束字体和字体大小，我只需要用户输入的内容低于最大限制即可。@Masoud除了限制每行的字符数外，其他都可以。我将如何在其中添加该细节？（例如，如果他们输入120个字符，然后按enter键，他们实际上会在第三行）你不能“设置”字体或字号。用户可以覆盖页面上的任何样式。此外，如果您的设计正确，您的字体大小将与用户的字体相对应，因此如果它们在HiDPI中，文本将比您预期的大。还有手机要考虑哪里有无数的DPI值和默认字体大小。