CSS Birim Dönüştürücü
Herhangi bir CSS birimi arasında doğru, bağlama duyarlı hesaplamalarla dönüştürme yapın. Bir değer girin, kaynak birimi seçin ve 14 CSS birimi türünde eşdeğeri anında görün.
Desteklenen Birimler
| Birim | Tür | Açıklama |
|---|---|---|
px | Mutlak | Piksel, ekran gösterimi için temel birim |
pt | Mutlak | Nokta (1pt = 1/72 inç, 1pt ≈ 1.333px) |
pc | Mutlak | Pika (1pc = 12pt) |
cm | Mutlak | Santimetre |
mm | Mutlak | Milimetre |
in | Mutlak | İnç (1in = 96px) |
rem | Göreli | Kök em, kök yazı tipi boyutuna görelidir |
em | Göreli | Em, üst öğenin yazı tipi boyutuna görelidir |
vw | Viewport | Viewport genişliğinin %1’i |
vh | Viewport | Viewport yüksekliğinin %1’i |
vmin | Viewport | Daha küçük viewport boyutunun %1’i |
vmax | Viewport | Daha büyük viewport boyutunun %1’i |
ex | Yazı Tipi | Yaklaşık x yüksekliği (≈ 0.5em) |
ch | Yazı Tipi | Yaklaşık karakter genişliği (≈ 0.6em) |
Nasıl Kullanılır
- Giriş alanına sayısal bir değer girin
- Açılır menüden kaynak birimi seçin
- Diğer tüm birimlerde dönüştürülmüş değeri görün
- Doğru göreli birim dönüşümleri için taban yazı tipi boyutunu veya viewport boyutlarını ayarlayın
Yaygın Kullanım Durumları
rem ile Duyarlı Tasarım
Duyarlı düzenler oluştururken px ve rem arasında dönüştürme, aralıklarınızın kullanıcı tercihleriyle doğru ölçeklenmesini sağlar. Varsayılan taban yazı tipi boyutu 16px’dir.
Sorgu Penceresi Viewport Birimleri
Akışkan duyarlı tasarımlar için piksel kırılma noktalarını viewport birimlerine dönüştürün.