javascript - 如何让这块div的高度变为屏幕高度的75%-PHP中文网问答

文章专题学习下载问答编程词典手游最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - 如何让这块div的高度变为屏幕高度的75%

ringa_lee 2017-04-11 13:14:24

451

网页显示是这样的：
上面这块空白区域，我设置的row的style高度为25%；

下面的显示灰色显示区域的高度是通过获取客户端屏幕高度来设置的，我想设置为屏幕宽度的75%（也就是减去上面的25%），从而让客户端不在有滚动条；改如何写JS呢？

JS代码：

HTML代码：

ringa_lee

全部回复 (2)

洪涛2017-04-11 13:16:24 2 楼

上部
 内容

let content = document.querySelector('.content'); let topBar = document.querySelector('.top'); let topHeight = parseInt(window.getComputedStyle(topBar).height); let wholeHeight = document.documentElement.clientHeight; content.style.height = wholeHeight - topHeight + 'px';