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

Question

我有一些方形表格单元格（以 5x5 矩阵排列），它们会根据屏幕分辨率和方向改变大小。它们的高度（和宽度）可能低至 76 像素，高至 182 像素（我认为这个范围可能会因显示的屏幕而异）。

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

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

谢谢！

Answer 1

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