CSS clamp ジェネレーター

はい。 Clamp() は、モバイル ブラウザを含む、Chrome、Edge、Firefox、Safari の現在のすべてのバージョンでサポートされています。

はい。インターフェイスは応答性が高く、アプリをインストールしなくても最新のモバイル ブラウザーで動作します。

CSS clamp ジェネレーター – ブラウザ内で完結する無料ツール。ファイルのアップロードや登録は不要です。

ローカル処理

Min size (rem)

Max size (rem)

Viewport min (px)

Viewport max (px)

Output CSS

clamp(1rem, calc(1rem + (2 - 1) * ((100vw - 320px) / (1200 - 320))), 2rem)

使用方法

上に入力内容を入力します。結果は自動的に更新されます。結果をコピーするには、コピーボタンを使用します。

すべての処理はブラウザ内で行われます。データがサーバーにアップロードされることはありません。

はい。 Clamp() は、モバイルブラウザを含む、Chrome、Edge、Firefox、Safari の現在のすべてのバージョンでサポートされています。

いいえ。すべてがブラウザ内でローカルに実行されます。入力がデバイスから離れることはありません。

はい。インターフェイスは応答性が高く、アプリをインストールしなくても最新のモバイルブラウザーで動作します。