Görüntü ve ekran

CSS Birim Dönüştürücü

Yaygın CSS uzunluklarını yalnızca gerekli bağlamları açık olduğunda dönüştürün. Kök ve geçerli öğe yazı tipi boyutlarını sağlayın, böylece rem ve em sessizce aynı temeli varsaymaz.

● Yerel olarak çalışır
Örnek değerler
Tarayıcınızda çalışır · Hesap gerektirmez

CSS Birim Dönüştürücü

Dönüştürülen CSS uzunluğu
01

Formül

1rem = root px · 1em = element px · 1pt = 96/72 px

Kaynak birimi CSS referans piksellerine göre normalleştirin, ardından hedef birimin bağlamsal piksel faktörüne bölün.

02

Varsayımlar

  • Kök ve öğe yazı tipi boyutları kesinlikle pozitiftir.
  • Ölçülen fiziksel ekran pikseli yerine CSS referans pikseli kullanılır.

Bu araç, CSS referans ilişkisini 1 inç = 96 piksel ve 1 nokta = 1/72 inç olarak varsayar. Görünüm birimleri ve yüzdeler hariçtir.

03

Formül incelemesi

Formula v1.0.0

İncelendi 2026-08-03

CalcFlow engineering review

Çalışılan örnek

CSS Birim Dönüştürücü: Çalışılan örnek

16 piksellik bir kökte, 24 piksel ÷ 16 = 1,5 uzaklık. Referans piksel kuralına göre 24 piksel aynı zamanda 18 puntoya eşittir.

Sık sorulan sorular

Sık sorulan sorular

remve em arasındaki fark nedir?

rem kök öğenin yazı tipi boyutunu kullanır. em geçerli öğenin yazı tipi boyutu bağlamını kullanır.

Yüzdeler neden hariç tutuluyor?

Yüzde, farklı özelliklere ve içeren bloklara bağlı olabilir, bu nedenle tek bir skaler bağlam yeterli değildir.

CSS pikseli fiziksel bir piksel midir?

Mutlaka değil. CSS, tarayıcıların görüntüleme ve yakınlaştırmaya göre cihaz pikselleriyle eşleştiği bir referans pikseli tanımlar.