用js获取浏览器视口高度，并设置元素满屏显示

可以使用js获取当前浏览器的可视窗口高度 window.innerHeight，关于各种尺寸的不同对比，请看文章：

https://blog.csdn.net/Sarahapy/article/details/107037243

js代码如下：

// 当DOM准备就绪时触发
document.addEventListener('DOMContentLoaded', function () {const main = document.getElementById('需要满屏显示的元素ID');main.style.height = `${window.innerHeight}px`;
});
// 当屏幕尺寸发生改变时触发
window.addEventListener('resize', function () {const main = document.getElementById('需要满屏显示的元素ID');main.style.height = `${window.innerHeight}px`;
});