2017-12-21 15 views
0

テキストの縦横比を制御して、html要素内で常に同じ相対サイズになり、同じアスペクト比を維持する方法そのコンテナにはサイズがありますか?テキストの高さと幅を制御するためにvh/vwまたはパーセンテージの両方を適用する

私が基本的に質問しようとしているのは、vwまたはvhを使ってテキストの高さと幅を制御する方法があるかどうかです。パーセントを試してみましたが、基本フォントそのパーセンテージでサイズを指定します。

私は私がVWを使用する場合、それは動的にする必要があるが、

など、いくらボックスが伸びているのと同じそのコンテナに対するテキストの縦横比を維持しないようになりたいですたとえば、高さを減らすと、テキストは最終的にコンテナの高さの外側でオーバーランします。高さと幅の両方の変化に反応するテキストが必要です。

テキストの高さと幅をvwとvhまたはパーセントで制御する方法があるのか​​、そこには自動的にコンテナのサイズに基づいてテキストのサイズを変更するJavaScriptライブラリがあるのか​​どうかを尋ねようとしていますか?

私はhttps://github.com/nbrunt/TextFitをチェックアウトしましたが、そこからベストフィット機能を使用するには、コンテナのサイズが画面サイズのパーセンテージに基づいている間に、コンテナのサイズをピクセルで設定するなどの絶対的な値が必要です。

ありがとうございました。

答えて

関連する問題