px, em, rem, pt ve % birimlerini yapılandırılabilir bir taban yazı boyutuyla dönüştürün — tam eşdeğerlik tablosu tarayıcınızda.
CSS uzunluğu, ekranda sonunda hepsi piksele dönüşen birkaç farklı birimle ölçer ve bunlar arasında elle dönüştürme yapmak ön uç çalışmasının günlük sıkıntısıdır. Bu dönüştürücü tek bir değeri — px, em, rem, pt veya yüzde cinsinden — alır ve aynı uzunluğu, denetiminizdeki bir taban yazı boyutunu kullanarak beş birimin hepsinde birden gösterir. Varsayılan taban 16 px'tir, yani tüm büyük tarayıcılardaki başlangıç yazı boyutu; ama tasarım sisteminiz html { font-size: 62.5% } veya başka bir kök boyut kullanıyorsa tabanı değiştirin, tüm tablo uyum sağlar.
İlişkiler doğrusaldır ve araç uyguladığı formülleri gösterir: em ve rem değerleri pikselleri elde etmek için taban yazı boyutuyla çarpılır, punto CSS'in tanımladığı 72 pt başına 96 px oranıyla dönüştürülür (yani 1 pt = 1,333 px) ve yüzdeler tıpkı em gibi tabana göre okunur. Aracın ekranda da belirttiği dürüst bir uyarı: em ve rem burada aynı sonucu verir, çünkü ikisi için tek bir taban kullanılır. Gerçek bir sayfada farklıdırlar — rem her zaman kök öğeye başvurur; em ise geçerli öğenin, üst öğeleri tarafından ölçeklenmiş olabilecek yazı boyutuna başvurur.
Tipik kullanımlar: piksel cinsinden bir tasarım teslimini kod tabanınızın standardı olan rem değerlerine çevirmek, bir media query yazmadan önce 0,875 rem'in kaça denk geldiğini kontrol etmek, bir stil kılavuzundaki baskı odaklı pt boyutlarını ekran birimlerine dönüştürmek veya kullanıcının tarayıcı ayarlarına saygı gösteren erişilebilir yazı ölçekleri kurmak. Dönüştürme siz yazarken %100 tarayıcınızda çalışır — hiçbir şey yüklenmez ve kurulacak bir şey yoktur.
px = em × taban; px = rem × taban; px = pt × 96 ÷ 72; px = % ÷ 100 × taban. Tersi: em = rem = px ÷ taban; pt = px × 72 ÷ 96; % = px ÷ taban × 100. Varsayılan 16 px tabanla: 1,5 em = 24 px = 18 pt = %150.
rem her zaman kök (html) yazı boyutuna görelidir; em ise ağaç boyunca miras alınıp katlanan, geçerli öğenin yazı boyutuna göredir. Bu dönüştürücü ikisi için tek bir taban kullanır, bu yüzden sayılar burada eşleşir; iç içe öğelerde farklılaşabilirler.
Çünkü tüm büyük tarayıcılar 16 px'lik bir başlangıç yazı boyutuyla gelir; dokunulmamış bir sayfada 1 rem = 16 px'tir. CSS'iniz kök boyutu değiştiriyorsa — popüler %62,5 numarası 1 rem'i 10 px yapar — o değeri taban alanına girin.
72 ile çarpıp 96'ya bölün: CSS oranı inç başına 96 px ve inç başına 72 pt olarak sabitler, yani 16 px = 12 pt. pt birimi çoğunlukla baskı stilleri ve belgeler için önemlidir.
Tipografi için genellikle rem önerilir, çünkü kullanıcılar tercih ettikleri tarayıcı yazı boyutunu değiştirdiğinde ölçeklenir; px bunu yok sayar. Kenarlıklar veya gölgeler gibi metinle ölçeklenmemesi gerekenler için px gayet uygundur.
Hayır. Dönüştürme, cihazınızda JavaScript'te yapılan birkaç çarpma işleminden ibarettir — hiçbir sunucuya bir şey gönderilmez ve hiçbir yerde saklanmaz.
Vai.la, herhangi bir URL'yi tıklama istatistikleri, QR Code ve kendi biolink'inizle birlikte kısa bir bağlantıya dönüştürür.
Vai.la, araçların nasıl kullanıldığından veya sonuçlarına dayanarak alınan kararlardan sorumlu değildir.