jquery - 根据文本长度更改字体大小

Question

我有一些方形表格单元格(以 5x5 矩阵排列)根据屏幕分辨率和方向改变大小。它们的高度(和宽度)可能低至 76 像素，高至 182 像素(我认为这个范围可能会有所不同，具体取决于它所显示的屏幕)。

问题来了。我将国家/地区名称放入这些框内，它们可以是 5 个字母的短词，例如“意大利”，也可以是长名称，例如“阿富汗”。有没有办法使用 JQuery(因为我用它来确定屏幕大小)来更改字体大小，以便单词充分利用可用空间？国家名称可以由多个词组成，例如“安提瓜和巴布达”。在这种情况下，我只关心名称中最长的单词，因为可以将文本换行。我已经在后面的 C# 代码中有一个函数来检测字符串中最长的单词，但我不知道如何使用该信息来影响将调整文本大小的 JQuery 函数。

代码是客户端很重要，因为用户可能决定旋转他们的设备，我希望在不发送服务器请求的情况下调整文本大小。

谢谢!

Answer 1

这可能是一本有用的读物​​ css-tricks不要计算单词数，而是使用字符串长度属性。