DevToolPal
TR

CSS birimleri

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

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

Formül

em = px ÷ 16

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

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

Dönüşüm tablosu

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

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 em birimine çevrilir?

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

› 1 em kaç px eder?

1 em = 16 px. Ters formül: px = em × 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.