屏幕大小的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
答
我会认为你正在做的大部分事情都可以用CSS完成。如果你想坚持JS,那么你需要为你的值添加单位。因此,将代码更改为类似于
container.style.height = h+"px";
main.style.height = Math.floor(h*.9)+"px";
content.style.height = Math.floor((h*.9)*.9)+"px";
您实际上并未说出您的帖子中出现了什么问题。我猜对了 – DrC 2015-04-02 04:03:10
哦,对不起。我急于发布它。由于某些原因,集装箱的高度不能调整,只能停留在最初分配的高度。 – tjg92 2015-04-02 04:05:20