オーバーフローに基づいてテキストのサイズを変更することはできますか？

Question

私はメディアライブラリWebアプリケーションを構築しています。サイドバーにリストされたメディアアイテムを完全に表示します。

Excelには、オーバーフローするのに十分な長さの文字列を含むセルが、自動的に文字列が埋め込まれた枠内に収まるようにフォントサイズが調整されるという便利な機能があります。

私はCSSでこれを再作成したいと思います。

Answer 1

私はそうすることはできないと思います。ただし、me​​diaQueriesを作成して、異なる高さや高さを指定することはできます。

divにword-wrap: break-wordを使用して、テキストが再構成されるようにして、divの幅から出てこないようにすることができます。しかし、それは同じサイズで残るでしょう。だから、私は間違いなくメディアクエリーを使用します

Answer 2

これはCSSだけでは達成できません。 Javascriptが助けになるかもしれませんが、それは容易ではありません。

この投稿を表示：JavaScript Scale Text to Fit in Fixed Div