CSS clamp ジェネレーター

小さな画面での最小サイズから大きな画面での最大サイズまでなめらかに変化する、可変の CSS clamp() 値を生成します。

無料 · アップロード不要 · すべて端末内で処理

CSS clamp ジェネレーターの使い方

  1. サイドパネルで設定を選んでください。
  2. 結果はすぐに更新されます。新しく作るには「作成」を選んでください。
  3. 結果をコピーするか、ダウンロードしてください。

設計からプライベート。入力、開いたファイル、録音・録画はすべてこのブラウザーのタブ内で処理され、KittySuite にアップロードされることはありません。

CSS clamp ジェネレーターについて

2 つの画面幅の間ではサイズが直線的に大きくなり、範囲外では最小値または最大値のままです。同じ式はテキストだけでなく、余白、パディング、間隔にも使えます。

すべてこのブラウザーのタブ内で計算され、入力した内容はどこにも送信されません。ページを読み込んだ後はオフラインでも使えます。

始める前の質問

コンテンツは端末の外に送信されますか?

ファイルの内容や入力したテキストが処理のために送信されることはありません。このサイトは必要に応じて自身のコードやアセットをダウンロードします。ホスティングへのリクエストとブラウザーのキャッシュについては、プライバシーページで説明しています。

CSS clamp ジェネレーターを使う前に確認することは?

すべてこのブラウザーのタブ内で計算され、入力した内容はどこにも送信されません。ページを読み込んだ後はオフラインでも使えます。

結果が使えない場合は?

元のファイルはそのままにして、設定に戻ってもう一度お試しください。読み取れないファイルや非対応の構造の場合は、元のアプリから書き出し直す必要があるかもしれません。

スマートフォンでも使えますか?

操作画面は小さな画面にも対応していますが、大きなファイルはモバイル端末のメモリーを超えることがあります。処理に失敗する場合は、小さめのファイルを使うか、何回かに分けて処理してください。