根據文本長度更改字體大小

Question

我有一些方格表格單元（排列成5x5矩陣），根據屏幕的分辨率和取向改變大小。它們的高度（寬度）可以低至76px，高達182px（我認爲這個範圍可能根據顯示的屏幕而不同）。

這是問題所在。我把這些國家名稱放在這些框中，它們可以是簡短的5個字母的單詞，如「意大利」，或者他們可以是諸如「Afganisthan」之類的長名。有沒有辦法，使用JQuery（因爲這是我用來確定屏幕大小）來更改字體大小，以便該字充分利用可用空間？國名可以由多個單詞組成，如「安提瓜和巴布達」。在這種情況下，我只關心名稱中最長的單詞，因爲可以包裝文本。我在後面的C＃代碼中已經有了一個函數，用於檢測字符串中最長的單詞，但我不知道如何使用這些信息來影響調整文本大小的JQuery函數。

代碼是客戶端，因爲用戶可能決定旋轉他們的設備，我希望文本調整大小發生而不發送服務器請求，這一點很重要。

謝謝！

Answer 1

這可能是一個有用的讀取css-tricks 而不是計算單詞，使用字符串長度屬性。