DevToolPal
TR

CSS birimleri

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

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

Formül

px = em × 16

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

em değerini px birimine çevirmek için değeri 16 ile çarpın. Örneğin 2 em = 32 px.

Dönüşüm tablosu

em px
0,25 em 4 px
0,5 em 8 px
0,75 em 12 px
0,875 em 14 px
1 em 16 px
1,25 em 20 px
1,5 em 24 px
2 em 32 px
2,5 em 40 px
3 em 48 px
4 em 64 px

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

› em nasıl px birimine çevrilir?

1 em = 16 px. Dönüştürmek için değeri 16 ile çarpın: 2 em = 32 px.

› 1 px kaç em eder?

1 px = 0,0625 em. Ters formül: em = px ÷ 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.