divまたはpのテキストを指定された範囲内に収めるために、Webページのテキストフォントサイズを自動スケーリングするにはどうすればよいですか?
このようなAndroid向けの優れたソリューションはありますが、GWT向けのソリューションは見つかりませんでした。
何かありますか?
ありがとう!
この問題にはいくつかの解決策があります。
(1)テキストをレンダリングし、その幅を測定し(myLabel.getOffsetWidth()、目的の幅と比較し、収まらない場合はフォントサイズを変更して最初からやり直します(スケジューラの遅延コマンド内でこれを行うことを忘れないでください。そうしないと、オフセット幅がゼロになる);
(2)FitText.js(http://fittextjs.com/)を使用します。
(3)提供されたスペースにテキストを自動フィットできるキャンバスを使用します。
(4)テキストがオーバーフローする場合は省略記号を使用します。
(5)テキストフォントにビューポート単位を使用します(現時点ではブラウザのサポートが制限されています):http ://css-tricks.com/viewport-sized-typography/
(6)コンテンツサイズをより適切に処理する、より流動的な別のUIデザインを作成します。