PR
TIPS

最小フォントサイズの設定とmin, max関数の利用

最小フォントサイズを設定する際や、特定の範囲で変動する値を設定する際には、CSSの `min` と `max` 関数が非常に便利です。

Sassを使用している場合、`min` と `max` 関数を使用するためには、値を文字列として扱い、その後 `unquote` 関数を使用して引用符を取り除く必要があります。

以下にその例を示します:


    font-size: unquote('min(値, 値)');
    

このコードでは、`min` 関数が適用される前に `unquote` 関数を使用して引用符を取り除き、`min` 関数をCSSとして有効にしています。

この記事を書いた人
Naokazu Yokoo

エンジニア歴20年以上。現在はWeb / AI領域で活動中。
開発環境・サーバー環境ともに速度と効率性を追求しています。

Follow Naokazu Yokoo
Follow Naokazu Yokoo

Comment

タイトルとURLをコピーしました