CSS clamp() oluşturucu
İki görüş alanı genişliği arasında sorunsuz bir şekilde ölçeklenen akışkan bir CSS clamp() değeri oluşturun.
CSS clamp() oluşturucu
Akışkan tipografi ve boşluk, görüş alanı yeniden boyutlandırıldığında bir değeri sorunsuz bir şekilde ölçeklendirir ve bunun yerine sabit boyutlar arasında birkaç medya sorgusu kırılma noktasında atlamaktan kaçınır. Bu araç bu değeri sizin için oluşturur: minimum ve maksimum bir boyut ve bunlara uygulanacak görüş alanı genişlikleri girin, ve aralarında doğrusal bir enterpolasyonla bir CSS clamp() işlevi alırsınız, bunu doğrudan stil sayfanıza yapıştırmaya hazır.
Minimum boyut ve maksimum boyut ölçeğin iki uç noktasını tanımlar; minimum ve maksimum görüş alanı genişliği, her uç noktanın nerede devreye girdiğini belirler — minimum genişliğin altında değer alt sınırda kalır, üstünde üst sınırda kalır ve arasında görüş alanıyla doğrusal olarak büyür. Birim seçeneği çıktıyı px ve rem arasında değiştirir, kök yazı tipi boyutu px-den rem-e dönüştürmeyi kontrol eder ve ondalık basamaklar oluşturulan sayıların ne kadar hassas olduğunu kontrol eder. Çıktı biçimi aynı clamp()-i düz bir bildirim, CSS özel özelliği veya Tailwind rastgele değer sınıfı olarak sarar, böylece bunu doğrudan çalıştığınız herhangi bir kod tabanına yerleştirebilirsiniz.
Erişilebilirlik kontrolünü açmak, kurulum sorun yaratabileceğinde bir not ekler: px tabanlı boyutlandırma okuyucunun tarayıcı yazı tipi boyutu ayarını yok sayar ve çok küçük bir minimum ölçeklemeye başlamadan önce bile okunması zor kalır. Her ikisi de el yazısı akışkan tip formüllerinde yaygın hatalarıdır ve araç bunları sessizce sevk etmek yerine onları işaretler.
Tüm hesaplamalar seçenekleri ayarlarken tarayıcınızda gerçekleşir — girdiğiniz hiçbir şey başka yere gitmez. Sonuç doğru görünüyorsa kopyalayın, .txt dosyası olarak indirin veya çalışmaya devam etmek için başka bir aracın girdisine gönderin.