CSS clamp oluşturucu

CSS clamp oluşturucu nasıl kullanılır

CSS clamp oluşturucu. Çıktı rem ve vw kullanır. Sayfanın kök yazı boyutunu ayarlayın. Önizleme seçilen genişliği simüle eder.

1. Yukarıdaki renkleri, metni veya sayıları değiştirin.
2. Ayarları değiştirirken önizlemeyi karşılaştırın.
3. Çıktıyı kopyalayın veya cihazınıza indirin.

CSS clamp oluşturucu · Örnek

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

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

Kullanım notları

Dosyalar ve girdiler bu tarayıcıda işlenir. Yükleme veya hesap gerekmez.

Çıktı rem ve vw kullanır. Sayfanın kök yazı boyutunu ayarlayın. Önizleme seçilen genişliği simüle eder.