vw → em
Ölçümü duyarlı hale getirmek için belirli bir em boyutu ve viewport genişliği için vw'den em'yi 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ü "EM → VW" olarak tersine çevirir.
"Görüntü Alanı Genişliği" girişine odaklanır.
"VW Birimi" girişine odaklanır.
"EM Boyutu" girişine odaklanır.
SSS
VW EM'ye Nasıl Dönüştürülür?
vw'yi em'ye dönüştürmek için 1 EM'nin toplam boyutunu (varsayılan 16px) ve viewport genişliğini bilmeniz gerekir Ardından formülü uygulayın: ((vw * toplam viewport genişliği) / 100) / em boyutu Örneğin, 1em boyutu 16px ve viewport genişliği 1920px iken 5vw şu şekilde dönüştürülür: ((5 * 1920) / 100) / 16 = 6em
VW'den EM'ye formül nedir?
((vw * toplam viewport genişliği) / 100) / em boyutu
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.
vw birimi nedir? (Görüntü Alanı Genişliği)
Duyarlı tasarımda kullanılan Görüntü Alanı Genişliği (VW), viewport olarak adlandırılan web sayfası görüntüleme alanına göreceli bir birimdir. 1vw, görüntülemenin %1'ine karşılık gelir. Bu nedenle, bir öğeyi tam genişlikte yapmak için 100vw 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.
Viewport genişliği 1920px ve em boyutu 16px ise VW'den EM'ye Dönüşüm Tablosu
| vw | em |
|---|---|
| 1vw | 1.2em |
| 2vw | 2.4em |
| 3vw | 3.6em |
| 4vw | 4.8em |
| 5vw | 6em |
| 6vw | 7.2em |
| 7vw | 8.4em |
| 8vw | 9.6em |
| 9vw | 10.8em |
| 10vw | 12em |
| 11vw | 13.2em |
| 12vw | 14.4em |
| 13vw | 15.6em |
| 14vw | 16.8em |
| 15vw | 18em |
| 16vw | 19.2em |
| 17vw | 20.4em |
| 18vw | 21.6em |
| 19vw | 22.8em |
| 20vw | 24em |
| 21vw | 25.2em |
| 22vw | 26.4em |
| 23vw | 27.6em |
| 24vw | 28.8em |
| 25vw | 30em |
Daha fazla VW ve EM dönüşümü
