css获取整个页面高度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css获取整个页面高度相关的知识,希望对你有一定的参考价值。

如何用css获取整个页面的高度,包括滚动条以下的,不是 height:100%.
用JS怎么操作?具体点.

Js获取高度:

    网页可见区域高:document.body.clientHeight 

    网页可见区域高:document.body.offsetHeight (包括边线的宽) 

    网页正文全文高:document.body.scrollHeight 

    网页被卷去的高:document.body.scrollTop 

    屏幕分辨率的高:window.screen.height 

    屏幕可用工作区高度:window.screen.availHeight 

参考技术A 朋友,css不能获取高度,这个是用js来操作的。。。 参考技术B 没听说过CSS能获取的。
JS的。
doucment.body.scrollHeight本回答被提问者采纳

微信H5--手机键盘弹起导致页面变形

2017-3-22

  今天工作中遇到了手机键盘弹出将整个界面都挤扁现象。

  业务场景:点击input(type=text)输入验证码整个页面被挤扁。

技术分享

  解决办法:在input获取/失去光标时动态改变页面的高度,

  ‘你要解决页面的’.css.style.height = ‘你屏幕的高度‘ +‘px‘ 

以上是关于css获取整个页面高度的主要内容,如果未能解决你的问题,请参考以下文章

DIV+CSS效果求助,上下两个DIV,要求布满整个浏览器,且整个浏览器不能出现滚动条

CSS 设置 高度撑满 页面

保持div的纵横比但在CSS中填充屏幕宽度和高度?

如何将获取的屏幕宽度之后传给css

js获取各种高度

jQuery中获取文档的高度可视区域高度以及滚动条距页面顶部的高度