Экран Изменение размера 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, чтобы высота контейнера постоянно была высотой окна и что при масштабировании высота контейнера масштабируется. Я настроил его так, чтобы он получал идентификатор каждого элемента, который он будет манипулировать, а затем настраивается на% того, что я хочу. Кто-нибудь есть отзывы о том, почему это происходит?

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