屏幕大小的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

回答

相關問題