長野県伊那市のホームページ制作・ともしびデザイン

Clamp Generator

フォントサイズ計算ジェネレーター

フォントサイズを画面幅に合わせて滑らかに可変するようにするジェネレーターです。「CSSを作成」ボタンを押すとコードが表示されます。その下には画面幅とフォントサイズの変化をグラフで確認することができます。

デフォルトの1rem当たりのフォントサイズ

*font-size:62.5%;としている場合は1rem=10pxです。

最小幅

最大幅

最小フォント

最大フォント



フォントサイズ変化グラフ