rem ve em arasındaki fark nedir?

rem, kök (html) yazı tipi boyutuna görelidir, em ise üst öğenin yazı tipi boyutuna görelidir. Pratikte rem tüm stil sayfasında tutarlı boyutlandırma sağlar.

Viewport birimi nedir?

Viewport birimleri (vw, vh, vmin, vmax) tarayıcı penceresi boyutuna görelidir. vw viewport genişliğinin %1'i, vh viewport yüksekliğinin %1'i anlamına gelir.

px'yi rem'ye nasıl dönüştürebilirim?

Piksel değerini kök yazı tipi boyutunuza (genellikle 16px) bölün. Örneğin, 32px ÷ 16 = 2rem.

Viewport boyutlarını neden ayarlamalıyım?

vw ve vh gibi viewport-a göreli birimler tarayıcı penceresi boyutuna bağlıdır. Hedef viewport boyutlarınızı ayarlamak doğru dönüşümler sağlar.

DevBento

Araçlar/CSS Birim Dönüştürücü

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

CSS birimleri arasında anında dönüştürün: px, rem, em, vw, vh ve daha fazlası. Doğru göreli dönüşümler için taban yazı tipi boyutunu kolayca ayarlayın.

Değer

Birimden

÷base

Viewport ayarları

WpxHpx

CSS birimleri arasında dönüştürmek için yukarıya bir değer girin

İlgili Dönüşümler

Piksel'den Rem'e Dönüştürücü

Piksel değerlerini anında rem birimine dönüştürün. Ücretsiz çevrimiçi CSS px to rem dönüştürücü, taban yazı tipi boyutu ayarlamalı.

Rem'den Piksel'e Dönüştürücü

Rem değerlerini anında piksele dönüştürün. Ücretsiz çevrimiçi CSS rem to px dönüştürücü, taban yazı tipi boyutunuza göre özelleştirilebilir sonuçlar üretir.

İlgili Araçlar

rgbRenk Dönüştürücü ve Palet Oluşturucu

Convert color unit values

📐Birim Dönüştürücü: Uzunluk, Ağırlık, Sıcaklık

Uzunluk, ağırlık, sıcaklık, hız, alan, hacim, veri ve zaman birimleri arasında anında dönüşüm yapın. Metrik ve emperyal destek, sunucu gerekmez.

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.

🔒

Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.