Bu araç ne işe yarar?
CSS Birim Çevirici, bir piksel değerini aynı anda rem, em, pt, %, vw ve vh birimlerine dönüştürür. Kök yazı boyutu, üst öğe yazı boyutu ve görünüm genişliği gibi referansları kendiniz girdiğiniz için sonuçlar projenizin gerçek bağlamına göre hesaplanır. Duyarlı tasarım ve erişilebilir tipografi üzerinde çalışan geliştiriciler için pratiktir.
Nasıl kullanılır?
- Verinizi sol alana yapıştırın veya yazın.
- Sonuç anında sağ tarafta oluşturulur.
- Kopyala düğmesiyle çıktıyı alıp istediğiniz yerde kullanın.
Birimler nasıl hesaplanır?
rem değeri piksel/kök yazı boyutu, em ise piksel/üst öğe yazı boyutu olarak bulunur. pt için piksel 0,75 ile çarpılır. Yüzde, üst öğeye göre oran verir. vw değeri görünüm genişliğine, vh ise 16:9 oranı varsayılarak hesaplanan görünüm yüksekliğine göre üretilir. Bu yüzden vh sonucu yaklaşık bir referanstır; tam değer için gerçek viewport yüksekliğini dikkate alın. Tüm sonuçlar gereksiz sıfırlardan arındırılmış olarak gösterilir.
Hangi durumlarda işinize yarar?
Tasarımcının verdiği piksel ölçülerini rem'e çevirip ölçeklenebilir, erişilebilir bir tipografi kurmak; bileşen içi boşlukları em ile üst öğeye bağlamak; tam ekran kahraman bölümlerini vw ve vh ile boyutlandırmak için kullanın. Sonuç kutucuklarından herhangi birine tıklayarak değeri birimiyle birlikte panoya kopyalayabilir, doğrudan stil dosyanıza yapıştırabilirsiniz. Referans alanlarını değiştirdiğinizde tüm dönüşümler anında güncellenir.
Sıkça sorulan sorular
vh sonucu neden bazen beklediğimden farklı?
Araç görünüm yüksekliğini doğrudan istemediği için 16:9 en boy oranı varsayarak genişlikten türetir. Farklı bir ekran oranı kullanıyorsanız vh sonucu yaklaşıktır; kesin değer için kendi viewport yüksekliğinizi temel alın.
rem ile em arasındaki fark nedir?
rem her zaman kök (html) yazı boyutuna göre hesaplanır, dolayısıyla sabittir. em ise en yakın üst öğenin yazı boyutuna bağlıdır ve iç içe öğelerde birikerek değişebilir. Araç ikisini ayrı referanslarla hesaplar.
Sonucu nasıl kopyalarım?
Herhangi bir sonuç kutucuğuna tıklamanız yeterli; değer birimiyle birlikte (örneğin '1rem') panoya kopyalanır ve doğrudan CSS'inize yapıştırılabilir.
CSS Birim Çevirici ücretsiz mi?
Evet. CSS Birim Çevirici ve MagmaNex'teki 300'den fazla aracın tamamı tamamen ücretsizdir, kayıt veya üyelik gerektirmez.
Verilerim güvende mi?
Evet. Tüm işlemler tarayıcınızda yerel olarak çalışır. Girdiğiniz veriler sunucuya gönderilmez, kaydedilmez veya paylaşılmaz.
Mobil cihazda çalışır mı?
Evet. CSS Birim Çevirici telefon, tablet ve bilgisayarda sorunsuz çalışır; ayrı bir uygulama indirmenize gerek yoktur.
🔒 Gizlilik: Tüm işlemler tarayıcınızda yapılır, verileriniz sunucuya gönderilmez.