MobileMe如何動態縮放其用戶名登錄字段的字體大小？

Question

我注意到，當登錄到www.me.com時，當你輸入字段的末尾時，用戶名輸入字段縮小字體。它非常準確，幾乎可以檢測字符寬度，所以它不是字符計數。它甚至適用於Unicode字符。你知道它是如何完成的嗎？

Answer 1

他們：

1. 放在span元素的用戶名輸入的值設置關閉頁面
2. 使span元素具有相同的字體大小作爲輸入
3. 得到的寬度跨度組件
4. 確定跨度的寬度是比輸入元素的「可用」寬度更大，並且更新字體尺寸相應地

Answer 2

有人問非常類似的東西在這裏：How to resize text in a textbox if it is too large till a certain size

所以我做了一個小型圖書館，讓寫：

<input type="text" resize="true" /> 

看吧：https://stackoverflow.com/a/11164769/1344937