CSS clamp 產生器

如何使用CSS clamp 產生器

CSS clamp 產生器. 輸出使用 rem 和 vw。請設定頁面根字級。預覽模擬所選檢視區寬度。

1. 調整上方的色彩、文字或數值。
2. 調整設定並比較預覽。
3. 複製結果或下載到裝置。

CSS clamp 產生器 · 範例

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

使用說明

檔案與輸入在此瀏覽器內處理，不需上傳或註冊帳號。

輸出使用 rem 和 vw。請設定頁面根字級。預覽模擬所選檢視區寬度。