获取身高低于视口高度的身高

Question

如果body小于视口，则为viewport size is returned。

我要做的是调整图片大小，使主体适合视口。我希望有一个好的＆＃34;高于折叠＆＃34;用户不需要滚动的布局。当屏幕太大以至于主体小于视口时，它会断开。

如果身体＆lt;视

然后

document.body.scrollHeight（正文）= document.documentElement.clientHeight（视口）

jQuery解决方案是使用$(document).height()，但它会提供更大的视口或文档。

How to get the height of the entire document with JavaScript提供的解决方案因此原因失败。

如何找到身高小于视口高度的身高？

Answer 1

为防止出现此问题，您可以使用CSS视口变量来定义与视口相等的身高！见上文：

body {
    height: 100vh;
}

在这种情况下，我使用 vh 变量，该变量对应于 V iewport H 8。查看您可以使用的viewport variables的其他选项。