İçeriğe geç
Dönüştürme araçları

CSS Clamp Oluşturucu

İki boyut ve görüntü alanı genişliği arasında akışkan bir CSS clamp oluşturun.

Tarayıcınızda dönüştürün · Üyelik gerekmez

Girdiler piksel cinsindendir. En küçük boyut en büyük boyutu aşamaz ve görünüm alanı genişlikleri artmalıdır. Çıktı doğrusal bir vw terimi kullanır.

Girdi başına en fazla 100.000, sonuç başına 1.000.000 UTF-16 birimi. Desteklenen biçimler ve örnekler aşağıdadır.

Sonuç

Girdinizi ekleyin veya bir örnek yükleyin, ardından aracı çalıştırın. Sonuç burada görünecek.

Nasıl kullanılır?

  1. İki boyut ve görünüm alanı genişliği arasında akıcı bir CSS clamp ifadesi oluşturun.
  2. Kipi veya seçenekleri seçin, ardından aracı çalıştırın.
  3. Sonucu inceleyin, ardından kopyalayın veya TXT dosyasını indirin.

Örnek

320→1280 px genişlikte 16→24 px → clamp(16px, 13.333333px + 0.833333vw, 24px)

Ayrıntılar ve sınırlamalar

Metin tarayıcınızda kalır; bir dönüştürme sunucusuna gönderilmez.

Biçim kaynakları

Araç sayfasının güncellenme tarihi: