px → vh
Ölçümü duyarlı hale getirmek için belirli bir kesme noktasına göre px'ten 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 → PX" olarak tersine çevirir.
"Piksel" girişine odaklanır.
"Görüntü Alanı Yüksekliği" girişine odaklanır.
SSS
PX VH'ye Nasıl Dönüştürülür?
px'i vh'ye dönüştürmek için toplam görüntü alanı yüksekliğini bilmeniz gerekir, örneğin 1000px Ardından formülü uygulayın: px / toplam görüntü alanı yüksekliği * 100 Örneğin, 1000px'lik bir görüntü alanıyla, 200px şuna dönüştürülür: 200 / 1000 * 100 = 20vh
PX'ten VH'ye formül nedir?
px / toplam görüntü alanı yüksekliği * 100
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.
px birimi nedir? (Piksel)
Piksel birimi, teorik olarak bir bilgisayar ekranında görüntülenen en küçük noktadır. Günümüzde, piksel birimi fiziksel çözünürlük ile mantıksal çözünürlük arasında farklılık gösterebilir. Bu farka cihaz piksel oranı veya DPR denir: Mantıksal çözünürlük = fiziksel çözünürlük / cihaz piksel oranı. Böylece, 1024x768 fiziksel çözünürlüğe ve 2 DPR'ye sahip bir ekranın mantıksal çözünürlüğü 512x384 olacaktır.
Görüntü alanı yüksekliği 1080px ise PX'ten VH'ye Dönüşüm Tablosu
| px | vh |
|---|---|
| 10px | 0.926vh |
| 20px | 1.852vh |
| 30px | 2.778vh |
| 40px | 3.704vh |
| 50px | 4.63vh |
| 60px | 5.556vh |
| 70px | 6.481vh |
| 80px | 7.407vh |
| 90px | 8.333vh |
| 100px | 9.259vh |
| 110px | 10.185vh |
| 120px | 11.111vh |
| 130px | 12.037vh |
| 140px | 12.963vh |
| 150px | 13.889vh |
| 160px | 14.815vh |
| 170px | 15.741vh |
| 180px | 16.667vh |
| 190px | 17.593vh |
| 200px | 18.519vh |
| 210px | 19.444vh |
| 220px | 20.37vh |
| 230px | 21.296vh |
| 240px | 22.222vh |
| 250px | 23.148vh |
Daha fazla PX ve VH dönüşümü

