10px Tabanlı PX'ten REM'e 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ç
Bu sayfa, temel yazı tipi boyutunun 10 piksele önceden ayarlanmış olduğu dönüştürücüyü açar. Klasik html {font-size: 62,5%} kurulumu budur: 16px tarayıcı varsayılanının %62,5'i tam olarak 10px'tir, dolayısıyla rem değerleri önemsiz bir şekilde okunabilir hale gelir - 14px 1,4rem, 18px 1,8rem, 24px 2,4rem'dir.
Takımlar, tuhaf on altıdalıklardan kaçınmak için 10 piksel tabanını tam olarak benimser: 14 pikselin 0,875 rem olduğunu hatırlamak yerine, yalnızca ondalık noktayı hareket ettirirsiniz. Hile, sabit bir piksel değeri yerine bir yüzde kullandığından, kullanıcının tarayıcı tercihlerinde ayarladığı yazı tipi boyutuna hâlâ saygı duyuyor; bu, ilk etapta rem birimleri için erişilebilirlik argümanının tamamıdır.
Kopyalamaya hazır bir CSS satırıyla birlikte 10 piksel tabanındaki rem eşdeğerini elde etmek için herhangi bir piksel değeri yazın ve halihazırda dönüştürülmüş 1-64 piksel ölçeğinin tamamı için aşağıdaki referans tablosunu kontrol edin. Projeniz farklı bir kök boyutu kullanıyorsa temel alanı değiştirin; her şey canlı olarak takip edilir.