CSS Birim Dönüştürücü
Bir CSS uzunluğunu px, rem, em, pt, %, vw ve vh arasında dönüştürün.
CSS Birim Dönüştürücü — Tek bir CSS uzunluk değerini px, rem, em, pt, %, vw ve vh birimlerine tek seferde dönüştürün. Kök yazı tipi boyutunu, üst öğenin yazı tipi boyutunu ve görüntü alanının genişliği ile yüksekliğini ayarlayın, ardından bir değer yazıp birimini seçerek her eşdeğeri anında görün. Her şey tarayıcınızda hesaplanır, bu nedenle yazdığınız hiçbir şey asla karşıya yüklenmez.
CSS Birim Dönüştürücü nedir?
CSS Birim Dönüştürücü, tek bir CSS uzunluğunu yedi yaygın birime çeviren ücretsiz, tarayıcı içinde çalışan bir araçtır: px, rem, em, pt, %, vw ve vh. Ön uç geliştiriciler ve web tasarımcıları bunu bir düzeni mutlak pikseller ile duyarlı birimler arasında taşımak, özel bir kök yazı tipi boyutunda bir rem'in kaç piksele karşılık geldiğini kontrol etmek veya baskı tarzı bir pt değerini ekran piksellerine çevirmek için kullanır. rem kök yazı tipi boyutuna, em ve % üst öğenin yazı tipi boyutuna ve vw/vh görüntü alanına bağlı olduğundan, dönüştürücü bu dördünü de ayarlanabilir ayarlar olarak sunar. Bir değer yazın, kaynak birimini seçin ve tüm sonuç alanları aynı anda güncellenir. Yapıştırmaya hazır bir CSS parçası, yedi eşdeğerin tümünü font-size bildirimleri olarak listeler.
CSS Birim Dönüştürücü nasıl kullanılır
- Ayarlar'ı açın ve kök yazı tipi boyutunu (rem'in dayandığı html font-size'ı), üst öğenin yazı tipi boyutunu (em ve % için) ve görüntü alanının genişliği ile yüksekliğini (vw ve vh için) ayarlayın.
- Dönüştürmek istediğiniz sayıyı değer giriş alanına yazın.
- Kaynak birimini Kaynak açılır menüsünden seçin: px, rem, em, pt, %, vw veya vh.
- Her eşdeğeri etiketli, salt okunur sonuç alanlarında okuyun; değeri, birimi veya herhangi bir ayarı değiştirdikçe hepsi otomatik olarak yeniden hesaplanır.
- Yedi font-size eşdeğerinin tümünü doğrudan stil sayfanıza yapıştırmak için oluşturulan CSS parçasını kopyalayın.
Örnekler
kök 16'da px'ten rem'e
Girdi
Kök 16px, değer 16, Kaynak px
Çıktı
rem = 1
kök 10'da rem'den px'e
Girdi
Kök 10px, değer 2, Kaynak rem
Çıktı
px = 20
px'ten pt'ye
Girdi
değer 16, Kaynak px
Çıktı
pt = 12
Sıkça sorulan sorular
- Hangi birimler arasında dönüştürür?
- Yedi CSS uzunluk birimi: px, rem, em, pt, %, vw ve vh. Bunlardan herhangi biri kaynak olabilir ve yedi eşdeğerin tümü aynı anda gösterilir.
- Neden kök, üst öğe ve görüntü alanı boyutlarını ayarlamam gerekiyor?
- Bu birimler görelidir. rem, kök (html) yazı tipi boyutunun bir katıdır, em ve % üst öğenin yazı tipi boyutuna görelidir ve vw/vh görüntü alanının genişlik ve yüksekliğinin yüzdeleridir. Bunları Ayarlar'da belirlemek, her göreli birimin neye karşılık geldiğini dönüştürücüye bildirir.
- pt nasıl işlenir?
- CSS, 96px = 1in = 72pt olarak tanımlar, dolayısıyla 1pt 4/3 px'e ve 1px 0,75pt'ye eşittir. Dönüştürücü, yazı tipi boyutundan veya görüntü alanından bağımsız olarak bu sabit oranı kullanır.
- Bir değer veya ayar geçersizse ne olur?
- Değer sonlu bir sayı değilse veya kök, üst öğe ya da görüntü alanı boyutlarından herhangi biri eksik, sıfır veya negatifse, geçerli sayılar girene kadar sonuç alanları bir tire (—) gösterir.
- Sunucuya bir şey gönderiliyor mu?
- Hayır. Tüm dönüştürmeler tamamen istemci tarafında, tarayıcınızda çalışır; karşıya yükleme ve sunucu çağrısı yapılmaz, bu nedenle girdiğiniz değerler asla cihazınızdan ayrılmaz.
İlgili araçlar
En Boy Oranı Hesaplayıcı
Bir genişlik ya da yükseklik ile hedef en boy oranını girin; eşleşen boyutu ve sadeleştirilmiş oranı anında alın.
Sayı Tabanı Dönüştürücü
Sayıları ikilik, sekizlik, onluk ve on altılık tabanlar arasında dönüştürün.
Base64 Dosya Dönüştürücü
Herhangi bir dosyayı veya görseli Base64 veri URI'sine kodlayın ve bir veri URI'sini indirilebilir bir dosyaya geri çözün.
VKİ Hesaplayıcı
Boy ve kilonuzdan metrik veya imperyal birimlerle Vücut Kitle İndeksinizi hesaplayın ve eşleşen DSÖ kilo kategorisini anında görün.