如何让页面高度实时自适应窗口高度？

页面高度实时自适应窗口高度

当用户放大或缩小页面时，页面的高度可能会缩小，导致部分元素被遮挡。为了解决这一问题，我们可以通过监听窗口大小变化的事件（window resize）来实时获取窗口高度，并设置页面高度保持与窗口高度一致。

我们可以使用以下代码监听窗口大小变化事件：

window.addEventListener('resize', function() {
  // 获取窗口高度
  var windowHeight = window.innerHeight;

  // 设置页面高度
  document.body.style.height = windowHeight + 'px';
});

这样，当窗口大小发生变化时，页面高度将自动调整为与窗口高度相同，从而确保页面始终展平。

以上就是如何让页面高度实时自适应窗口高度？的详细内容，更多请关注其它相关文章！