Nasıl kullanılır?
- Değer alanına bir boyut yazın ve Çevir seçeneğinden yönü seçin, örneğin px'den rem'e.
- Taban yazı boyu (px) alanını kontrol edin. Sitenizin kök öğeye verdiği boyutu yazın; tarayıcıların varsayılanı 16 px'dir.
- CSS metnini Çevrilecek CSS alanına yapıştırın ve CSS'teki px'i şuna çevir seçeneğinde rem ya da em'i seçin.
- Çevrilmiş CSS metnini kopyalayın ya da Dönüşüm tablosundan bir boyuta bakın.
px, rem ve em nasıl ilişkilidir?
px, ekranda mutlak bir uzunluktur. rem, kök öğenin (html öğesinin) yazı boyunun katıdır; em ise kullanıldığı öğenin yazı boyunun katıdır. İki birim de taban yazı boyunu izler: taban 16 px ise 1 rem 16 px eder.
px'i rem'e çevirmek için tabana bölünür; rem ya da em'i px'e çevirmek için tabanla çarpılır. Taban aynı olduğunda rem ve em aynı sayıyı verir; yalnızca üst öğenin yazı boyu tabandan farklıysa ayrılırlar.
rem = px / taban yazı boyu; px = rem x taban yazı boyuCSS dönüştürücü neyi değiştirir, neyi değiştirmez?
px ile biten her sayı çevrilir; negatif değerler ve .5px gibi ondalıklı değerler dahildir. Sayılar CSS'in istediği gibi nokta ile yazılır, en fazla dört ondalık basamakla ve sondaki sıfırlar olmadan. Sıfır uzunluk birimsiz 0 olur; CSS bunu kabul eder.
Dönüştürücü CSS'in anlamına bakmaz. Bir yorumun ya da metnin içindeki px değeri, örneğin 10px yazan bir content metni, de çevrilir. url() içeriği olduğu gibi bırakılır, bu yüzden px ile biten bir dosya adı değişmez. Kullanmadan önce sonucu kontrol edin.
- Yazı boyları, aralıklar ve genişlikler için rem kullanın; ziyaretçi yazı boyunu değiştirdiğinde bunlar birlikte büyür.
- İnce kenarlıklar için 1 px'de kalın; bazı ekranlarda rem değeri bulanık bir çizgiye yuvarlanabilir.
Örnek: 16 px tabanda 18 px gövde yazısı
18 bölü 16, 1,125 eder; bu yüzden font-size: 18px, font-size: 1.125rem olur (CSS'te ondalık nokta kullanılır). 40 px'lik bir boşluk 2.5rem olur, çünkü 40 bölü 16 eşittir 2,5.
Taban 10 px olduğunda aynı 24 px 2.4 rem eder; taban 16 px iken tablo 24 px'i 1,5 rem olarak gösterir. Varsayılan örnekteki CSS metninde altı px uzunluğu vardır; altısı da çevrilir ve sayaç 6 gösterir.
Sık sorulan sorular
Taban yazı boyu neden 16 px?
Çoğu tarayıcı, kök öğenin varsayılan yazı boyu olarak 16 px kullanır; site başka bir boyut vermediği sürece 1 rem 16 px eder. Sitenizin html öğesine verdiği değeri girin.
rem ile em arasındaki fark nedir?
rem, kök öğenin yazı boyunu temel alır; bu yüzden sayfanın her yerinde aynıdır. em ise kullanıldığı öğenin yazı boyuna bağlıdır; iç içe öğelerde boyutu değişir. Taban aynıysa sayılar eşittir.
CSS'teki her px değerini rem'e çevirmeli miyim?
Her zaman değil. Birçok ekranda 1 px'lik bir kenarlık px ile daha keskin görünür. Ziyaretçinin yazı ayarlarına göre büyümesini istediğiniz yazı boyları, aralıklar ve yerleşim genişlikleri için rem kullanın.
CSS'imdeki bazı px değerleri neden çevrilmedi?
Bir px değeri yalnızca tek başına bir uzunluk olduğunda çevrilir. url() içindeki değerler ile 10pxx ya da 10px-2 gibi düz bir uzunluk olmayan metinler olduğu gibi kalır. Alışılmadık bir değeri elle kontrol edin.
Tablo neden 64 px'de bitiyor?
Tasarımcıların en sık kullandığı boyutları listeler. Başka bir boyut için onu Değer kutusuna yazın ve yönü seçin.
Kaynaklar
Rakamlar ve metin en son 10 Kasım 2026 Salı tarihinde kontrol edildi.