如何将vh中给出的元素的高度转换为像素？

Question

我将元素的最大高度设置为65vh。我需要将它转换为我的JavaScript中的像素，以查看图像是否适合那里或者我是否需要缩小/裁剪它。 （我正在做win8 App开发）。

这会有用吗？

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();时，它实际上以像素为单位返回值。

选中fiddle。