PX-REM Dönüştürücü

REM (root em) her zaman kök öğeye (html) göre font boyutudur — sayfa boyunca tutarlı ve öngörülebilirdir. EM ise üst öğeye (parent element) göredir, bu da değerlerin birleşerek çoğalması anlamına gelir: Eğer bir üst öğe 1.2em ve çocuk öğe de 1.2em ise, çocuk öğe kök boyutun 1.44 katı olur. Yazı tipi boyutları ve tutarlı boşluklar için REM kullanın; bir bileşenin kendi yazı tipi boyutuna göre ölçeklendirme istediğinizde (bir butondaki padding gibi) EM kullanın.

REM, kullanıcının tarayıcı yazı tipi boyutu tercihine saygı duyar. Eğer bir kullanıcı erişilebilirlik için tarayıcı varsayılanını 20px olarak ayarlarsa, 1rem değeri 20px olur ve düzeniniz buna oranlı olarak ölçeklenir. PX değerleri sabittir ve bu tercihi görmezden gelir. REM kullanmak sitenizi daha erişilebilir kılar ve tek bir kök font-size değişikliği ile kolayca ölçeklendirilmesini sağlar.

PT (points) bir baskı birimidir: 1pt = 1/72 inç. Web için, standart ekran çözünürlüğünde 12pt = 16px eder. PT, bazen yazdırma stilleri (@media print) için kullanılır ancak normal web CSS'inde nadiren görülür. Ekran düzenleri için PX, REM veya EM kullanmaya devam edin.

Toplu Dönüştürücü alanına her satıra bir adet PX değeri girin ve Dönüştür'e tıklayın. Her değer için REM, EM ve PT karşılıklarını içeren tek bir tablo elde edersiniz. Bir tasarım sistemine taşınırken veya mevcut bir stiller dosyasını (stylesheet) bir kerede PX'den REM'e dönüştürürken kullanışlıdır.

CSS Değişkenleri bölümü, toplu dönüşüm sonuçlarınızdan yapıştırmaya hazır CSS özel özellik tanımları üretir. Örneğin: --font-sm: 0.875rem; --font-base: 1rem; --font-lg: 1.25rem. Bunları doğrudan :root {} bloğunuza yapıştırabilirsiniz.

CSS'de html öğesi üzerinde ayarladığınız herhangi bir yazı tipi boyutunu kullanın. Eğer hiçbir şey ayarlamadıysanız, tarayıcı varsayılanına (16px) döner. Bazı geliştiriciler 1rem = 10px yapıp zihinsel hesaplamayı kolaylaştırmak için html { font-size: 62.5% } ayarı yapar (örneğin, 24px = 2.4rem). Temel boyut girişini projenizin gerçek kök yazı tipi boyutuyla eşleşecek şekilde değiştirin.

Hayır. Tüm dönüşümler tarayıcınızda JavaScript ile yerel olarak hesaplanır. Hiçbir şey iletilmez veya saklanmaz. Sayfa yüklendikten sonra çevrimdışı olarak kullanabilirsiniz.