javascript - 屏幕调整大小 Javascript

Question

function sizeChange() {
    var container = document.getElementById('container');
    var main = document.getElementById('main');
    var content = document.getElementById('content');
    var h = window.innerHeight;
    container.style.height = h;
    main.style.height = h*.9;
    content.style.height = (h*.9)*.9;
}

document.addEventListener("resize", sizeChange);

我试图操纵我的 html 中的元素，因此容器的高度始终是窗口的高度，并且当它被缩放时，容器的高度也会缩放。我对其进行了设置，以便它获取要操作的每个元素的 ID，然后按我想要的百分比进行调整。有人对发生这种情况的原因有任何反馈吗？

Answer 1

我认为您所做的大部分工作都可以使用 CSS 完成。如果你想坚持使用 JS，那么你需要为你的值添加单位。所以把代码改成类似

container.style.height = h+"px";
main.style.height = Math.floor(h*.9)+"px";
content.style.height = Math.floor((h*.9)*.9)+"px";