獲取身高小於視口高度的身高

Question

如果身體小於視口，則viewport size is returned。

我想要做的是調整圖片的大小，使身體適合視口。我想有一個不錯的「摺疊式」佈局，用戶不需要滾動。當屏幕太大以致身體比視口小時，它就會破裂。

如果體<視

然後

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 ħ 8。檢查您可以使用的viewport variables的其他選項。