javascript - 使用javascript调整div和背景的大小

标签 javascript html css

我正在尝试根据屏幕的高度更改标题 div 及其背景的高度。

这是我目前所拥有的:

function getScreenSize() {
"use strict";
var h = window.innerHeight;

document.getElementById("header").style.height = h;
}

然后我将 onload 与 body 标签一起使用。

<body onload="getScreenSize()">

这里是 js fiddle 上的完整网站以防万一。

感谢您的帮助。

最佳答案

在使用 JavaScript 设置样式时需要指定单位:

document.getElementById("header").style.height = h + 'px';  //added + 'px'

关于javascript - 使用javascript调整div和背景的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42494797/

相关文章:

javascript - 如何在单个 View 页面中使用两个 &lt;script&gt;

javascript - 如何向拉斐尔条形图添加轴标签和网格

javascript - 如何将 onclick 事件更改为鼠标悬停事件

javascript - 通过 PayPal 保护电子书下载链接

html - 不希望标题中的 DIV 重叠

css - 在结合 Onsen UI ons-sliding-menu 和 ons-tabbar 时遇到问题

javascript - 带有 ng-repeat 的自定义选项卡不起作用

javascript - 如何通过 URL 传递撇号?

javascript - HTML 和 JavaScript 合作实验室

html - 当我调整屏幕大小时,我的 Logo 总是被截断