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";

屏幕大小调整Javascript

1 个答案: