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

检查这个小提琴。