⭐ 0
🔍
Metin Görsel PDF ve Belgeler Ses Müzik Elektronik Zaman Faydalı Araçlar Doğrulayıcılar Ezoterizm Oyunlar

PX'den EM'ye dönüştürücü

Kopyalamaya hazır bir CSS satırı ve canlı bir referans tablosu ile herhangi bir temel yazı tipi boyutunda px'i rem'e, rem'den px'e ve px'den em'e dönüştürün.

İşleniyor... 0%

Sonuç

Bu sayfa dönüştürücüyü px → em yönünde açar. Aritmetik, rem (piksellerin referans yazı tipi boyutuna bölünmesi) ile aynı bölmedir, ancak referans farklıdır: em, köke değil, ana öğenin yazı tipi boyutuna (veya yazı tipi boyutunun kendisi için, öğenin miras alınan boyutuna) göredir.

Bu fark tam olarak onlara ulaştığınızda ortaya çıkar: bileşenin kendi metniyle birlikte büyümesi gereken dolgu, burada yazılan medya sorguları veya yazı tipi boyutu değiştiğinde aralığı ölçeklenen bir düğme. Temel alana ebeveynin gerçek yazı tipi boyutunu girin; bileşeniniz 14 piksellik bir metinde yer alıyorsa, 21 piksellik dolgu 1,3125em değil 1,5em'dir.

Sonuç, kopyalamaya hazır bir CSS satırıyla birlikte gelir ve referans tablosu, geçerli ana boyuta göre dönüştürülen ortak piksel boyutlarını gösterir. Siz yazarken tüm güncellemeler tarayıcınızda yayınlanır ve sayfadan hiçbir veri ayrılmaz.

🛡️
Tarayıcıda Çalıştırıldı

Dosyalarınız ve girdileriniz bu cihazdan asla ayrılmaz. İşlem tamamen çevrimdışı çalışır. %100 Güvenli.

Kabul Edilen Formatlar ve Kurallar

  • Tek seçicide üç yön: px → rem, rem → px ve px → em.
  • Sonuca ve her tablo satırına uygulanan ayarlanabilir temel yazı tipi boyutu (varsayılan olarak 16 piksel).
  • 1 ila 64 piksel arasındaki ortak boyutlar için referans tablosu, temel satır vurgulanmış olarak geçerli taban için yeniden hesaplanmıştır.

Temel Faydalar

✓ Dönüştürülen değer, CSS satırı ve referans tablosu siz yazdıkça güncellenir; basmanız gereken bir düğme yoktur.
✓ Temel yazı tipi boyutu ayarlanabilir, dolayısıyla 10 piksel tabanlı projeler ve özel tipografik ölçekler, varsayılan 16 piksel kadar çalışır.
✓ Tamamen tarayıcınızda çalışır: hiçbir şey yüklenmez ve kopyalanmaya hazır CSS satırı bir tık uzaktadır.

Kullanım Durumları

  • • Bir tasarım modelindeki piksel değerini stil sayfasının ihtiyaç duyduğu alana dönüştürün.
  • • Bir spesifikasyonla eşleşmek için başka birinin CSS'sindeki rem değerlerini tekrar piksellere dönüştürün.
  • • 10 piksel (%62,5) kök yazı tipi boyutuna geçtikten sonra tipografik ölçeğin tamamını yeniden çalışın.