CSS birim dönüştürücü
Herhangi bir kök yazı tipi boyutuna göre CSS uzunluklarını px, rem, em, pt ve % arasında dönüştürün.
CSS birim dönüştürücü
CSS değerlerini her satıra bir tane (16px, 1,5rem, 12pt, %150) yapıştırın ve bu dönüştürücü bunları anında çevirir. Başlangıç seçimi tarafından belirlenen birimde çıplak bir sayı okunurken, satıra yazılan birim her zaman kazanır, böylece pikselleri ve uzaklıkları tek bir listede karıştırabilirsiniz. Kime altında bir hedef seçin veya tüm zinciri bir bakışta görmek için Tüm birimler'i seçin: 16px = 1rem = 12pt = %100. Düz değerler olmayan satırlar değişmeden geçer, bu nedenle başıboş bir yorum asla koşuyu bozmaz.
Matematik tek bir sayıya bağlı: temel boyut, piksel cinsinden kök yazı tipi boyutu. Tarayıcılar varsayılan olarak 16 pikseldir; bu nedenle 1rem genellikle 16 piksele ve %100 tabana eşittir. 1,5rem'in 15 piksel olduğu klasik %62,5 numarası için tabanı 10'a ayarlayın veya bir tasarım sistemini farklı bir kökle eşleştirin. Noktalar CSS'nin kendisi tarafından sabitlenir - 1 piksel, bir inçin 1/96'sıdır ve 1 puan, 1/72'dir, yani 16 piksel, tabandan bağımsız olarak tam olarak 12 puntodur. Ondalık sayı seçeneği, sondaki sıfırlar kırpılarak altı basamağa kadar hassasiyeti kapatır.
Rem, erişilebilirlik dostu bir birimdir: okuyucunun tarayıcının yazı tipi boyutu tercihine göre ölçeklenir, böylece rem cinsinden ayarlanan metin, birisi varsayılan boyutunu yükselttiğinde büyür, px ise sabit kalır. Em burada aynı matematiği kullanır, ancak gerçek bir stil sayfasında bu, öğenin kendi yazı tipi boyutuna bağlıdır, dolayısıyla iç içe em değerleri, rem'in kullanmadığı yerlerde bileşiktir; bu dönüştürücü düz, köke göre durumu varsayar.
Her şey tarayıcınızda yerel olarak çalışır; hiçbir şey yüklenmez ve beklenecek hiçbir şey yoktur. Dönüştürülen listeyi kopyalayın veya .txt dosyası olarak indirin.