⭐ 0
🔍
Metin Görsel PDF ve Belgeler Ses Müzik Elektronik Zaman Faydalı Araçlar Doğrulayıcılar Ezoterizm Oyunlar

Akışkan Tipi Terazi Jeneratörü

Eğim ve kesişme adım adım gösterilirken ve canlı yeniden boyutlandırma önizlemesiyle, iki görüntü alanı genişliğinde minimum ve maksimum boyuttan gerçek bir akıcı CSS kelepçe() değeri hesaplayın.

İşleniyor... 0%

Sonuç

Bu sayfa, hesap makinesini doğrudan 16 piksellik bir taban ve önceden seçilmiş olan 1,25 (büyük üçte bir) oran ile yazı ölçeği modunda açar; bu, tipografik ölçek için sağlam, yaygın olarak kullanılan bir başlangıç noktasıdır. Yalnızca bu iki sayıdan altı boyut oluşturulur: küçük, taban, h4, h3, h2 ve h1; tek bir sabit boyut yerine her birinin kendi akışkan kelepçe() değeri vardır.

Her adım, taban boyutunu hem mobil hem de masaüstü uçta aynı değerde sabit tutarken başlıklar, dar mobil olana göre daha geniş masaüstü görünüm alanında daha agresif bir şekilde ölçeklenir; seçtiğiniz tek orandan otomatik olarak türetilen, küçük ekranlar için daha yumuşak bir oran ve büyük ekranlar için daha kalın bir oran seçmekle aynı fikir.

Oranın 1,125, 1,2, 1,333 veya 1,5 olarak değiştirilmesi, tüm tabloyu anında yeniden oluşturur ve altındaki düğme, stil sayfasının geri kalanının referans alması için altı kelepçe() değerinin tamamını yapıştırmaya hazır CSS özel özellikleri bloğu olarak kopyalar.

🛡️
Tarayıcıda Çalıştırıldı

Dosyalarınız ve girdileriniz bu cihazdan asla ayrılmaz. İşlem tamamen çevrimdışı çalışır. %100 Güvenli.

Kabul Edilen Formatlar ve Kurallar

  • Gerçek akışkan tipografi matematiği: yalnızca son kelepçe() çizgisi değil, eğim, vw katsayısı ve y ekseni kesişimi açıkça gösterilir.
  • Canlı önizleme: Örnek metnin tam olarak gerçek bir tarayıcı penceresi yeniden boyutlandırılırken olduğu gibi yeniden boyutlandırılmasını izlemek için görünüm genişliği kaydırıcısını sürükleyin.
  • Tür ölçeği modu: taban boyutu ve 1,125 ila 1,5 arasındaki oran, kopyalamaya hazır CSS olarak altı adet akışkan kelepçe() adımı (küçük, taban, h4, h3, h2, h1) oluşturur.

Temel Faydalar

✓ Clamp() çizgisi, eğim ve kesişim numaraları ve canlı ön izleme, siz yazdıkça güncellenir; basmanız gereken bir düğme yoktur.
✓ Görünüm alanı genişliği kaydırıcısı canlı bir önizleme kutusunu yönlendirir, böylece yalnızca bir formül değil, minimum ve maksimum kesme noktaları arasında tam değişken ölçeklendirmeyi çalışırken görürsünüz.
✓ Ayrı bir yazı ölçeği modu, bir temel boyutu ve oranı, CSS özel özelliklerinin bir bloğu olarak hazır, tam 6 adımlı değişken başlık ölçeğine dönüştürür.

Kullanım Durumları

  • • Bir eğitimden gözünüzü ayırmamak yerine, minimum/maksimum yazı tipi boyutunu ve görünüm aralığını gerçek bir kelepçe() çizgisine (eğim, vw katsayısı ve kesişme dahil) dönüştürün.
  • • Bir stil sayfasına kaydetmeden önce, akışkan bir başlığın veya gövde boyutunun tam olarak gerçek bir tarayıcı penceresi yeniden boyutlandırılırken olduğu gibi yeniden boyutlandırılmasının önizlemesini yapmak için bir görünüm genişliği kaydırıcısını sürükleyin.
  • • Tek bir temel boyut ve orandan, yapıştırmaya hazır CSS özel özellikleri bloğu olarak kopyalanan tam 6 adımlı akışkan türü ölçeği (küçükten h1'e kadar) oluşturun.
  • • Yazı tipi boyutu yerine aralık (kenar boşluğu, dolgu, boşluk) için bir akışkan kelepçe() oluşturun; aynı eğim/kesişme formülü tüm CSS özellikleri için geçerlidir.