GWT自動縮放文本字體大小以適合邊界

如何自動縮放網頁中的文本字體大小以使div或p中的文本在給定邊界內適合？GWT自動縮放文本字體大小以適合邊界

Android有很好的解決方案，比如this one，但我還沒有找到任何GWT。

你們有嗎？

謝謝！

2012-10-25 Mike

對於這個問題的解決方案sevaral：

（1）呈現文本，測量其寬度（myLabel.getOffsetWidth（），比較需要的寬度，改變字體大小，如果它不適合，並開始了（記得要做到這一點，計劃的延遲命令裏面，或者你的偏移寬度將是零）;

（2）使用FitText.js（http://fittextjs.com/）;

（3）使用帆布，可以自動適合文本到提供的空間;

（4）文本溢出時使用省略號;

（5）使用（此時有限瀏覽器支持），用於文字字體視口單元：http://css-tricks.com/viewport-sized-typography/

（6）創建不同的，更多的流體UI設計用於處理內容大小更好。

2012-10-25 16:55:26

謝謝安德烈！在（3）中你正在談論HTML5畫布，對吧？在這種情況下，（3）和（5）都不適用於絕大多數瀏覽器（儘管大多數瀏覽器）。（4）不是我想要的。（6）對我來說有點模糊，你能更明確嗎？（2）看起來不錯，但它是用於標題，而不是段落文本。我想我會去（1）... – Mike

流體設計意味着無論單個段落的大小如何，頁面上的所有元素都可以很好地迴流。如果不查看您的HTML和CSS以及您的要求，我無法提供任何具體建議。這就是優秀的UI設計師所做的事情：他們知道如何在不改變佈局或字體大小的情況下處理不同大小的內容。 –

回答