PX – REM dönüştürücü

CSS piksellerini ve rem’i kök yazı boyutunuzu kullanarak dönüştürün.

Formül Ekranlar ve tasarım

REM

Punto: 18 pt
Kök boyutunun yüzdesi: 150 %

Nasıl çalışır

Bir rem, kök html öğesinin yazı boyutuna, tarayıcılarda varsayılan olarak 16 px’e eşittir. Bir piksel değerini kök boyuta bölmek rem verir; rem’i kök boyutla çarpmak pikseli verir.

Em de aynı mantıkla çalışır ama üst öğenin yazı boyutuna göredir; bu yüzden üst öğe kök boyutu kullanıyorsa yalnızca rem’e eşittir.

CSS’te 1 px, 1/96 inç; 1 pt, 1/72 inç olarak tanımlanır; bu nedenle 1 px = 0.75 pt.

Formül

rem = px ÷ kök boyut
px = rem × kök boyut
pt = px × 0.75

Çözümlü örnek

Varsayılan 16 px kökle 24 px, 24 ÷ 16 = 1.5 rem’dir; bu da 18 pt ve kök boyutun %150’si demektir.

İnsanların sorduğu sorular

Neden px yerine rem kullanılır?

Bir kullanıcı tarayıcının varsayılan yazı boyutunu değiştirdiğinde rem boyutları ölçeklenir; bu erişilebilirliğe yardımcı olur.

Rem ile em arasındaki fark nedir?

Rem kök öğeye göredir; em ise mevcut öğenin üst öğesine göredir, bu yüzden iç içe em değerleri birikir.