px - rem & em Dönüştürücü
Kendi kök ve bağlam yazı boyutlarınızı kullanarak px, rem ve em arasında dönüştürme yapın — herhangi bir alanı düzenleyin, diğer ikisi siz yazarken güncellensin.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Her dönüştürme tarayıcınızda çalışır. Yazdığınız hiçbir şey BroBroGo sunucularına yüklenmez.
SSS
px, rem ve em arasındaki fark nedir?
px sabit bir uzunluktur. rem, sayfanın kök yazı boyutuna göre ölçülür, bu nedenle 16px'lik bir kökte 1rem, 16px'e eşittir. em ise içinde bulunduğu elemanın yazı boyutuna göre ölçülür. Yazı boyutlarını ve boşlukları rem cinsinden belirlemek, bir okuyucu varsayılan yazı boyutunu değiştirdiğinde her şeyin ölçeklenmesini sağlar.
Neden ayrı bir em bağlam boyutu var?
em, her zaman kök eleman olmayan, kendi elemanının yazı boyutuna göredir. em değerini doğru okumak için em bağlamını o elemanın yazı boyutuna ayarlayın ve ikisi eşleştiğinde kök değerle eşit tutun.
Kök yazı boyutum 16px değilse ne olur?
CSS kodunuzla eşleşmesi için kök yazı boyutu (root font size) alanını değiştirin; her rem değeri anında güncellenir. Aşağıdaki hızlı tablo, çoğu sitenin başladığı yaygın 16px kök boyutu için pratik bir kılavuzdur.