vhで指定された要素の高さをピクセルに変換するにはどうすればよいですか？

Question

要素の最大高さは65vhです。 JavaScriptでピクセルに変換して、画像がそこに収まるかどうか、または縮小/トリミングする必要があるかどうかを確認する必要があります。 （win8アプリ開発を行っています）。

これは機能しますか？

100 vh = screen.heightしたがって、ピクセルで65vhはscreen.height *0.65

Answer 1

必ずしも screen.height * 0.65、 だが viewport.height * 0.65。 Windows 8アプリは、スナップされた状態に関係なく常に同じ高さになりますが、これはブラウザーベースのアプリケーションにおける重要な違いです。

JavaScriptの場合：

document.documentElement.clientHeight * 0.65;

JQueryを使用している場合は、次のことができます。

$(window).height() * 0.65;

Answer 2

$("div").height();を使用すると、実際には値がピクセル単位で返されます。

これをチェックしてください フィドル 。