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

Question

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

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

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

谢谢！

Answer 1

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