CSS Birim Dönüştürücü

CSS birimlerini tipografi ve görünüm alanı bağlamıyla dönüştür. px, rem, em, %, vw/vh ve baskı birimlerini karşılaştır; sonuçları kopyala veya geçmişi incele.

CSS mutlak birimleri ekran DPI’ından bağımsız olarak 96px = 1in kullanır. Yüzdeler burada verilen yazı boyutu referansıdır. ch/ex yaklaşık 0,5em kabul eder; gerçek yazı tipi ölçüleri farklı olabilir. Sonuçlar dört ondalığa yuvarlanır.

Giriş Değeri

Dönüştürülmüş Değerler

1em
Em birimleri üst elemanın font boyutuna göre ölçeklenir.
1rem
Rem birimleri kök font boyutuna göre ölçeklenir. Tutarlı boşluk için önerilir.
100%
CSS mutlak birimleri ekran DPI’ından bağımsız olarak 96px = 1in kullanır. Yüzdeler burada verilen yazı boyutu referansıdır. ch/ex yaklaşık 0,5em kabul eder; gerçek yazı tipi ölçüleri farklı olabilir. Sonuçlar dört ondalığa yuvarlanır.
0.8333vw
Görünüm alanı genişlik birimleri. 1vw = görünüm alanı genişliğinin %1'i.
1.4815vh
Görünüm alanı yükseklik birimleri. 1vh = görünüm alanı yüksekliğinin %1'i.
1.4815vmin
Görünüm alanı minimum. 1vmin = daha küçük görünüm alanı boyutunun %1'i.
0.8333vmax
Görünüm alanı maksimum. 1vmax = daha büyük görünüm alanı boyutunun %1'i.
12pt
Noktalar baskıda kullanılır. 1pt = 1/72 inç.
1pc
Picalar baskı birimleridir. 1pc = 12pt = 1/6 inç.
0.4233cm
Santimetre. Çoğunlukla baskı için metrik birim.
4.2333mm
Milimetre. Çoğunlukla baskı için metrik birim.
0.1667in
İnç. İmparatorluk birimi. Standart DPI'da 1in = 96px.
2chYaklaşık
Yaklaşık (0.5em)
2exYaklaşık
Yaklaşık (0.5em)

CSS Birim Dönüştürücü

Düzenin veya tasarım sisteminin ihtiyaç duyduğu CSS değerini farklı birimlere dönüştür. Araç px, em, rem, yüzde, görünüm alanı, baskı ve göreli ch/ex birimlerini destekler. Bağlama bağlı sonuçları yorumlamadan önce kök ve üst yazı boyutunu, görünüm alanı genişlik/yüksekliğini ve 96 DPI baskı bağlamını ayarla.


Sonuçlar dört ondalık basamağa yuvarlanır. ch ve ex yaklaşık 0,5em varsayımı kullanır; gerçek yazı tipi ölçüleri farklı olabilir. Hızlı başlamak için tipografi, boşluk ve yaygın değer ön ayarlarını kullan; yerel geçmiş son on dönüşümü tutar.

Özellikler

  • Göreli, görünüm alanı ve baskı birimleri dahil 15 CSS birimi arasında dönüştür.
  • Kök/üst yazı boyutunu, görünüm alanı ölçülerini ve baskı DPI bağlamını ayarla.
  • Tipografi, boşluk ve yaygın değer ön ayarlarını kullan.
  • Tek sonucu, tüm sonuçları veya CSS biçimli çıktıyı kopyala; en fazla on geçmiş kaydını incele.

Nasıl kullanılır

  1. Sayısal değeri girip kaynak birimini seç.
  2. Birim yazı boyutuna veya görünüm alanına bağlıysa bağlam ayarlarını aç.
  3. Dönüştürülen değerleri ve her birimde gösterilen formül ya da ipucunu incele.
  4. Tek sonucu, tüm sonuçları veya CSS çıktısını kopyala; yakın dönüşüme dönmek için geçmişi kullan.