GWT自动缩放文本字体大小以适合界限

Question

如何在网页中自动缩放文本字体大小，以使div或p中的文本适合给定的范围？

Android有很好的解决方案，例如this one，但我没有找到任何针对GWT的解决方案。

你们有没有？

谢谢！

Answer 1

这个问题有各种解决方案：

（1）渲染文本，测量其宽度（myLabel.getOffsetWidth（），与所需宽度进行比较，如果不适合则重新调整字体大小并重新开始（记住在调度程序的延迟命令中执行此操作，或者偏移宽度将为零）;

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

（3）使用可以将文本自动适应所提供空间的画布;

（4）文本溢出时使用省略号;

（5）将视口单元用于文本字体（此时有限的浏览器支持）：http://css-tricks.com/viewport-sized-typography/

（6）创建一个更好，更流畅的UI设计，更好地处理内容大小。