Ich habe die maximale Höhe eines Elements als 65vh. Ich muss es in meinem JavaScript in Pixel konvertieren, um zu sehen, ob ein Bild dort passen kann oder ob ich es verkleinern/zuschneiden muss. (Ich mache Win8 App-Entwicklung).Wie konvertiere ich eine Höhe eines in vh angegebenen Elements in Pixel?
Funktioniert das?
100 vh = screen.height daher in Pixel 65vh ist screen.height *0.65
Nicht unbedingt screen.height * 0.65, aber viewport.height * 0.65. Obwohl eine Windows 8-Anwendung unabhängig vom Snapshot-Status immer dieselbe Höhe aufweist, ist dies ein wichtiger Unterschied bei browserbasierten Anwendungen.
In JavaScript:
document.documentElement.clientHeight * 0.65;
Wenn Sie jQuery verwenden, können Sie tun:
$(window).height() * 0.65;
Wenn ich $("div").height(); es tatsächlich den Wert in Pixel zurück.
Überprüfen Sie diese fiddle.
Sie beantworten im Grunde Ihre eigene Frage. Die eigentliche Frage ist: Wie finde ich die Höhe des Ansichtsfensters? – Sumurai8