屏幕大小的Javascript

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，然后调整我想要的元素的百分比。有没有人对此有何反馈？屏幕大小的Javascript

来源

2015-04-02 tjg92

您实际上并未说出您的帖子中出现了什么问题。我猜对了 – DrC 2015-04-02 04:03:10

哦，对不起。我急于发布它。由于某些原因，集装箱的高度不能调整，只能停留在最初分配的高度。 – tjg92 2015-04-02 04:05:20

我会认为你正在做的大部分事情都可以用CSS完成。如果你想坚持JS，那么你需要为你的值添加单位。因此，将代码更改为类似于

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

来源

2015-04-02 04:01:12 DrC

屏幕大小的Javascript

回答

相关问题