PX'den REM'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.
Sonuç
Rem üniteleri düzenleri erişilebilir tutar; kullanıcının yazı tipi boyutu tercihine göre ölçeklenirler ancak hiç kimse tüm gün boyunca kafasında 16'ya bölmek istemez. Bu dönüştürücü aritmetiği canlı yapar: yönü seçin (px → rem, rem → px veya px → em), değeri yazın ve sonuç, font-size: 0.875rem gibi kopyalamaya hazır bir CSS satırıyla birlikte anında görünür.
Temel yazı tipi boyutu alanı, aracın her projeye uygun olmasını sağlar. Tarayıcı varsayılanı 16 pikseldir, dolayısıyla 1rem, kutudan çıktığı haliyle 16 piksele eşittir, ancak birçok kod tabanı, html'yi { font-size: 62,5% } 1rem'i 10 piksele eşit yapacak şekilde ayarlar - taban olarak 10 girin ve her dönüşüm ve tablo satırı takip eder. px → em yönü, kök yerine ana öğenin yazı tipi boyutuna karşı aynı matematiği kullanır; bu, CSS'deki em ve rem arasındaki farkın tam olarak aynısıdır.
Sonucun altında, bir referans tablosu, mevcut tabanınızda halihazırda dönüştürülmüş olan en yaygın tasarım boyutlarını (1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 ve 64 piksel) gösterir ve tabanla eşleşen satır vurgulanır. Bu, normalde kullandığınız tabanla her zaman senkronize olarak monitörünüze bantlanmış halde tutacağınız kopya kağıdıdır.
Siz yazarken her şey tarayıcınızda yerel olarak gerçekleşir: yükleme yok, kayıt yok, sunucu gidiş-dönüş yok. Rem → px, px → em için önceden ayarlanmış sayfalar, 10 piksel tabanı ve 14, 24 ve 32 piksel gibi popüler değerler, tam olarak bu sorular için hazır yapılandırılmış dönüştürücüyü açar.