2013-08-22 16 views
9

Mam maksymalną wysokość elementu jako 65vh. Muszę przekonwertować go do pikseli w moim JavaScript, aby sprawdzić, czy obraz może się tam zmieścić, czy też muszę go zmniejszyć/przyciąć. (robię rozwój aplikacji Win8).Jak przekonwertować wysokość elementu podanego w vh na piksele?

Czy to zadziała?

100 VH = screen.height dlatego 65vh w pikselach jest screen.height *0.65

+2

Zasadniczo odpowiadasz na własne pytanie. Prawdziwe pytanie brzmi: Jak mogę znaleźć wysokość widoku? – Sumurai8

Odpowiedz

9

Niekoniecznie screen.height * 0.65, ale viewport.height * 0.65. Mimo że aplikacja dla systemu Windows 8 zawsze ma taką samą wysokość, niezależnie od stanu przyciągania, jest to ważna różnica w aplikacjach przeglądarkowych.

W JavaScript:

document.documentElement.clientHeight * 0.65; 

Jeśli używasz jQuery, można zrobić:

$(window).height() * 0.65; 
0

Gdy używam $("div").height(); faktycznie zwraca wartość w pikselach.

Sprawdź to fiddle.