jquery获取页面html内容高度,html – JQuery Mobile内容高度：100％

谢谢大家的答案！

最后,我找到了解决方案.我的解决方案有点乱,但没关系.

这是我的css：

html,body{overflow-y:hidden}

.frame {

height: 100% ;

width: 100% ;

border: 0 ;

background-color: green ;

}

.content {

height: 100%;

width: 100%;

overflow-y: hidden;

}

.ui-content {

margin: 0 !important ;

padding: 0 !important ;

border: 0 !important ;

outline: 0 !important ;

height: 100% ;

overflow: hidden ;

}

但是,如果我使用JQuery Mobile标头,将会有一个额外的空间(几乎等于标题大小.)也可以使用下面的Javascript解决：

function correctFrameSize() {

document.getElementById('content').style.height = (window.innerHeight-40)+"px";

}