DevToolPal
TR

CSS birimleri

px → rem dönüştürücü

Birim dönüştürme: piksel (px) → rem (rem). 1 px = 0,0625 rem ve 1 rem = 16 px.

Formül

rem = px ÷ 16

Nasıl dönüştürülür

px değerini rem birimine çevirmek için değeri 16 sayısına bölün. Örneğin 32 px = 2 rem.

Dönüşüm tablosu

px rem
1 px 0,0625 rem
2 px 0,125 rem
4 px 0,25 rem
8 px 0,5 rem
10 px 0,625 rem
12 px 0,75 rem
14 px 0,875 rem
16 px 1 rem
18 px 1,125 rem
20 px 1,25 rem
24 px 1,5 rem
32 px 2 rem
48 px 3 rem
64 px 4 rem

Tablo şu varsayımla hesaplanmıştır: 16px temel yazı tipi boyutu. Projenize uyması için yukarıdaki dönüştürücüde ayarları değiştirin.

Bu birimler hakkında

Tarayıcılar her CSS uzunluğunu piksele çevirir. rem kök yazı tipi boyutuna, em ise üst öğenin yazı tipi boyutuna göredir; sayfa veya kullanıcı değiştirmedikçe tüm büyük tarayıcılarda ikisi de 16px’tir. 1pt 1/72 inç, 1px 1/96 inçtir; yani 1pt = 1,333px. vw görünüm alanı genişliğinin %1’idir, bu yüzden piksel değeri ekrana bağlıdır.

SSS

› px nasıl rem birimine çevrilir?

1 px = 0,0625 rem. Dönüştürmek için değeri 16 sayısına bölün: 32 px = 2 rem.

› 1 rem kaç px eder?

1 rem = 16 px. Ters formül: px = rem × 16.

› Neden px yerine rem kullanılır?

rem boyutları kullanıcının tarayıcıdaki yazı tipi ayarını izler, bu erişilebilirliğe yardımcı olur; tek bir kök değeri değiştirmek tüm düzeni tutarlı biçimde ölçekler.

› rem ile em arasındaki fark nedir?

rem her zaman kök (html) yazı tipi boyutunu kullanır. em üst öğenin yazı tipi boyutunu kullanır, bu yüzden iç içe em değerleri çarpılarak büyür.