エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【JavaScript】親要素の大きさにテキストをフィットさせる[Fitty]の使い方
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【JavaScript】親要素の大きさにテキストをフィットさせる[Fitty]の使い方
今回は親要素の大きさに合わせてテキストをフィットさせるJavaScriptライブラリ[Fitty]の使い方を紹介... 今回は親要素の大きさに合わせてテキストをフィットさせるJavaScriptライブラリ[Fitty]の使い方を紹介します。 レスポンシブにも対応して、親要素とテキストのサイズを自動で計算して大きさを調整してくれます。 百聞は一見に如かず。 まずはサンプルをご覧ください。 SAMPLE : https://on-ze.com/demo/js-fitty/ 同じことをCSSのみで実装するとなると、white-space:nowrap;や、font-sizeの単位を「vw」にするなどのテクニックを駆使して調整していくことになります。 その点、この[Fitty]を使えば複雑な計算を自動で処理してくれるのでスゴく便利です。 以下、実装方法を詳しく紹介していきます。 [Fitty]の実装方法 最初に必要なファイルをダウンロードします。 下記サイトより「Clone or download」→「Downlo