0

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

Android 有很好的解决方案,比如这个,但我还没有找到任何适用于 GWT 的解决方案。

你们有吗?

谢谢!

4

1 回答 1

2

这个问题有几种解决方案:

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

(2) 使用 FitText.js (http://fittextjs.com/);

(3) 使用画布,可以将文本自动适应提供的空间;

(4) 文本溢出时使用省略号;

(5) 对文本字体使用视口单位(目前浏览器支持有限):http ://css-tricks.com/viewport-sized-typography/

(6) 创建一个不同的、更流畅的 UI 设计,以更好地处理内容大小。

于 2012-10-25T16:55:26.817 回答