em → vh

Ölçüyü duyarlı hale getirmek için verilen em boyutu ve viewport yüksekliği için em'den vh hesaplayan bir dönüştürücü

EM
EM Boyutu
Görüntü Alanı Yüksekliği

Kısayol tuşları

C

Hesaplar ve hesaplama sonucunu kopyalar.

V

Sonucu hesaplar.

B

Hesaplama sonucunu kopyalar.

R

Dönüştürücüyü "VH → EM" olarak tersine çevirir.

Q

"EM" girişine odaklanır.

W

"EM Boyutu" girişine odaklanır.

E

"Görüntü Alanı Yüksekliği" girişine odaklanır.

SSS

EM, VH'ye nasıl dönüştürülür?

em'yi vh'ye dönüştürmek için 1 EM'nin toplam boyutunu (varsayılan 16px) ve viewport yüksekliğini bilmelisiniz Formülü uygulayın: ((em * em boyutu) / vh) * 100 Örneğin, 1em için 16px ve 1000px viewport yüksekliği ile 1em şu şekilde dönüştürülür: ((1 * 16) / 1000) = 1.6vh

EM'den VH'ye formül nedir?

((em * em boyutu) / vh) * 100

em birimi nedir?

EM, üst öğenin yazı tipi boyutuna göre tanımlanır. Bu nedenle 1 EM, üst öğenin font-size özelliğine verilen değeri alır.

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.

em boyutu 16px ve viewport yüksekliği 1080px olduğunda EM'den VH'ye Dönüşüm Tablosu

emvh
1em1.481vh
2em2.963vh
3em4.444vh
4em5.926vh
5em7.407vh
6em8.889vh
7em10.37vh
8em11.852vh
9em13.333vh
10em14.815vh
11em16.296vh
12em17.778vh
13em19.259vh
14em20.741vh
15em22.222vh
16em23.704vh
17em25.185vh
18em26.667vh
19em28.148vh
20em29.63vh
21em31.111vh
22em32.593vh
23em34.074vh
24em35.556vh
25em37.037vh

Daha fazla EM ve VH dönüşümü

em → vh