どうも！かけちまるです！
clamp関数でfont-sizeを可変にした時にSafariだと可変にならないのです。
Can I useで見る限りだとサポートされているはずだけど…
この記事では、
clamp関数が効かない時の対処法がわかります。
Safariはclamp関数をサポートしているにも関わらずうまく計算してくれないようです。
そんな時は全体にmin-heightを0vwを指定すると解決できます。
そんな時は次のCSSを追加してみてください。
CSSコピー*{ min-height: 0vw; /* Safari clamp関数対策 */ }
なぜmin-heightを0vwにすると解決するのかは不明なのでわかる方がいればTwitterかお問い合わせフォームからご教授いただけると助かります。
おわり
フィードバックを送信
記事についてのフィードバックはTwitterかお問い合わせフォームから受け付けております。
