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