rem → vh
Ölçümü duyarlı hale getirmek için belirli bir rem boyutu ve görünüm alanı yüksekliğine göre rem'den vh hesaplayan bir dönüştürücü
Kısayol tuşları
Hesaplar ve hesaplama sonucunu kopyalar.
Sonucu hesaplar.
Hesaplama sonucunu kopyalar.
Dönüştürücüyü "VH → REM" olarak tersine çevirir.
"REM" girişine odaklanır.
"REM Boyutu" girişine odaklanır.
"Görüntü Alanı Yüksekliği" girişine odaklanır.
SSS
REM, VH'ye nasıl dönüştürülür?
rem'i vh'ye dönüştürmek için 1 REM'in toplam boyutunu (varsayılan 16px) ve görünüm alanı yüksekliğini bilmeniz gerekir Ardından formülü uygulayın: ((rem * rem boyutu) / vh) * 100 Örneğin, 1rem için 16px ve 1000px görünüm alanı yüksekliği ile 1rem şu şekilde dönüştürülür: ((1 * 16) / 1000) = 1.6vh
REM'den VH'ye formül nedir?
((rem * rem boyutu) / vh) * 100
rem birimi nedir?
REM, kök elemanın yazı tipi boyutuna göre tanımlanır. Kök eleman, :root sözde sınıfı veya html seçicisi ile eşleştirilir. Bu nedenle 1 REM, kök elemanın font-size'ına verilen değeri alır. Bu, 1 REM'in tüm CSS kodunuz boyunca aynı değeri koruduğu anlamına gelir.
vh birimi nedir? (Görüntü Alanı Yüksekliği)
Duyarlı tasarımda kullanılan Görüntü Alanı Yüksekliği (VH), viewport olarak adlandırılan web sayfası görüntüleme alanına göreceli bir birimdir. 1vh, görüntülemenin %1'ine karşılık gelir. Bu nedenle, bir öğeyi tam yükseklikte yapmak için 100vh kullanmalısınız. Ondalık değerler de kullanabilirsiniz. Tarayıcıya bağlı olarak ondalık hassasiyetin değişebileceğini lütfen unutmayın.
rem boyutu 16px ve görünüm alanı yüksekliği 1080px olduğunda REM'den VH'ye Dönüşüm Tablosu
| rem | vh |
|---|---|
| 1rem | 1.481vh |
| 2rem | 2.963vh |
| 3rem | 4.444vh |
| 4rem | 5.926vh |
| 5rem | 7.407vh |
| 6rem | 8.889vh |
| 7rem | 10.37vh |
| 8rem | 11.852vh |
| 9rem | 13.333vh |
| 10rem | 14.815vh |
| 11rem | 16.296vh |
| 12rem | 17.778vh |
| 13rem | 19.259vh |
| 14rem | 20.741vh |
| 15rem | 22.222vh |
| 16rem | 23.704vh |
| 17rem | 25.185vh |
| 18rem | 26.667vh |
| 19rem | 28.148vh |
| 20rem | 29.63vh |
| 21rem | 31.111vh |
| 22rem | 32.593vh |
| 23rem | 34.074vh |
| 24rem | 35.556vh |
| 25rem | 37.037vh |
Daha fazla REM ve VH dönüşümü

