屏幕大小调整 Javascript
Screen Resizing 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,然后按我想要的 % 进行调整。有没有人对为什么会发生这种情况有任何反馈?
我认为你正在做的大部分事情都可以用CSS完成。 如果你想坚持使用JS,那么你需要在你的值中添加单位。 因此,将代码更改为类似
container.style.height = h+"px";
main.style.height = Math.floor(h*.9)+"px";
content.style.height = Math.floor((h*.9)*.9)+"px";
相关文章:
- 用纯Javascript调整HTML5画布及其内容的大小
- JavaScript调整iFrame大小-适用于Firefox/IE,但不适用于Chrome
- Javascript调整所有图像的大小
- 使用Javascript调整图像大小,使其适合视口
- JavaScript 调整 iframe 的大小,但 iframe 中的元素具有相对大小
- 如何使用javascript调整此css对象
- 通过 JavaScript 调整 iFrame 内容的大小
- 使用 Javascript 调整字母大小
- WebView Android 和 JavaScript 调整大小
- 使用 Javascript 调整图像大小
- Javascript 调整背景图像的大小,但图像首先加载全尺寸 - 任何修复
- Javascript:调整base64图像的大小并以非异步方式返回字符串
- 使用 javascript 调整多个图像的大小
- 根据原始图像高度使用 Photoshop 和 JavaScript 调整条件图像大小
- JavaScript 调整函数输入变量
- 使用 javascript 调整网页的字体
- 将图像大小调整为使用 Javascript 调整窗口大小 - 在 Chrome 中不起作用
- 使用 JavaScript 调整图像大小
- 使用Google饼图(快速javascript调整)不断显示工具提示
- 使用Javascript调整绝对定位元素的大小