テキストを親コンテナにフィットすることができるJSライブラリ「Fitty」

2017/09/11

こんにちは。
今回はテキストを親コンテナにフィットすることができるJSライブラリ「Fitty」です。

レスポンシブに対応した親コンテナにフィットされるためにテキストのサイズを自動で調節してくれるスクリプトを紹介します。

テキストを親コンテナにフィットすることができるJSライブラリ「Fitty」!

Fitty

fitty

 

Fittyを設置してみよう!

fitty.min.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。

 

html部分を記述します。
先ほど指定したidを設定しますよ。

 

関数型プログラミングの基礎 JavaScriptを使って学ぶ
関数型プログラミングの基礎 JavaScriptを使って学ぶ

 

いかがでしたか。これは便利でしょ!
以上でテキストを親コンテナにフィットすることができるJSライブラリ「Fitty」でした。

RELATED POST