PX ↔ REM ↔ EM ↔ PT Çevirici
CSS birimlerini çift yönlü çevirin — kök boyut ayarlanabilir; px, rem, em ve pt birlikte güncellenir.
533 görüntülenme
Birimler Birbirine Nasıl Bağlı?
rem = px ÷ kök boyut (varsayılan 16 px; 24 px = 1.5rem); em aynı hesabı elemanın kendi kalıtılan yazı boyutuna göre yapar — araçtaki "bağlam boyutu" alanı; pt baskı birimidir, 1pt = 1,333px (96dpi ÷ 72). Herhangi bir alana yazın, diğerleri güncellenir.
Pratik kural: yazı boyutu ve boşluklarda rem kullanın ki kullanıcının yazı tercihi tüm düzeni ölçeklesin; bileşenin metniyle büyümesi gereken padding'lerde em; ölçeklenmemesi gerekenlerde (ince çizgiler) px. Kökü 10 px yapan eski %62,5 numarası zihinsel hesabı kolaylaştırır ama yeni projede kaçının — bileşen kütüphaneleri 16 varsayar.
Sıkça Sorulan Sorular
em değerim rem'den neden farklı?
em, en yakın tanımlı yazı boyutuyla çarpılır ve iç içe katlanır: 1.5em içindeki 1.5em, kökün 2,25 katıdır. rem hep kökü referans alır — kazanmasının sebebi bu öngörülebilirliktir.
1pt gerçekten 1,333px mi?
CSS'te tanım gereği evet: 1in = 96px = 72pt. Baskı PDF'i ile CSS bu oranda anlaşır; fiziksel boyut ekranın gerçek DPI'ına bağlıdır.
Benzer Araçlar
Sorun Bildir
PX ↔ REM ↔ EM ↔ PT Çevirici