PX REM Çevirici
Tarayıcı varsayılanı 16px.
Nedir PX REM Çevirici
Bir px rem çevirici, bir CSS boyutunu piksel ile rem birimleri arasında çevirir. Bir rem, sayfanın kök yazı tipi boyutuna eşittir; tarayıcılar bunu varsayılan olarak 16px yapar, yani 16px 1rem, 24px ise 1,5rem eder. Alanlardan birine bir değer yazın, diğeri anında güncellenir. Projeniz farklı bir taban kullanıyorsa kök yazı tipi boyutu kutusunu değiştirin (yaygın bir yöntem, kökü 62,5% yaparak 10px'i 1rem'e eşitlemektir).
Nasıl kullanılır
- Projeniz 16px varsayılanından farklıysa kök yazı tipi boyutunu ayarlayın.
- rem karşılığını görmek için Piksel alanına bir piksel değeri yazın.
- Ya da piksel karşılığını görmek için REM alanına bir rem değeri yazın.
- Alanın yanındaki kopyalama simgesiyle herhangi bir sonucu kopyalayın.
- Alanları sıfırlayıp yeni bir dönüşüme başlamak için Temizle'ye tıklayın.
Ne zaman kullanılır
Duyarlı bir düzen kuruyorsunuz ve 24px'lik başlığınızı rem cinsinden mi istiyorsunuz? 24 yazın, 1,5rem elde edin ve doğrudan stil dosyanıza yapıştırın. Bir tasarımı sabit piksellerden ölçeklenebilir rem'e geçirmek, metni ve boşlukları okuyucunun tarayıcı ayarıyla uyumlu tutar; böylece varsayılan yazı tipi boyutunu büyüten biri, tüm düzenin onunla birlikte büyüdüğünü görür ve sizin piksel değerlerinize takılı kalmaz.
Sık sorulan sorular
px'i rem'e nasıl çeviririm?
Piksel değerini kök yazı tipi boyutuna bölün. Varsayılan 16px kökle, 24px = 24 / 16 = 1,5rem ve 8px = 8 / 16 = 0,5rem eder. Tersi için rem değerini kök yazı tipi boyutuyla çarpın: 16px kökte 1,25rem = 1,25 * 16 = 20px eder.
Varsayılan kök yazı tipi boyutu nedir?
Tarayıcılar varsayılan kök yazı tipi boyutu olarak 16px kullanır, bu yüzden araç oradan başlar. CSS'iniz html öğesinin font-size değerini değiştiriyorsa (örneğin kökü 10px yapan 62,5% gibi), dönüşümün projenizle eşleşmesi için kök yazı tipi boyutu kutusunu güncelleyin.
CSS'te px yerine neden rem kullanmalı?
rem birimleri kök yazı tipi boyutuyla ölçeklenir ve okuyucunun tarayıcı ayarlarında seçtiği boyuta saygı gösterir. Yazı tiplerini, kenar boşluklarını ve iç boşlukları rem cinsinden ayarlamak, tüm düzenin bu tercihle büyümesini veya küçülmesini sağlar; bu, sabit piksellerden daha erişilebilirdir.
Bu aracı girdilerim dolu şekilde paylaşabilir miyim?
Evet. Siz yazarken URL otomatik güncellenir. Adres çubuğundan kopyalayın veya Paylaş düğmesini kullanın, bağlantıyı açan herkes girdilerinizi hazır görür.
İlgili araçlar
En Boy Oranı Hesaplama
En boy oranını hesaplayın, eksik genişlik veya yüksekliği bulun ve görselleri, videoları oranı bozmadan yeniden boyutlandırın. Ücretsiz.
Base64 Çözücü
Base64 dizelerini tarayıcınızda anında düz metne çözün. Emojiler dahil tam Unicode çıktı desteği. Ücretsiz online Base64 çözücü.
Base64 Kodlayıcı
Herhangi bir metni tarayıcınızda anında Base64'e kodlayın. Unicode, emoji ve özel karakter desteği. Ücretsiz online Base64 kodlayıcı.