获得窗口的高度（没有滚动）

Question

我在页面上有一个谷歌地图，主要用php原型和jquery编写。

我希望地图能够快速响应，并设法正确设置它的宽度。但无法处理高度问题。

你看

jQuery(window).height();

返回页面的高度，但不是我想要的。正如您在图像中看到的那样，右侧有一个滚动条，它给出了整个页面的高度。我想得到屏幕高度的值（没有滚动，视口），我该怎么做？

修改：var x = jQuery(window).height();

    alert(x);

返回961所以我相信我想要的价值就像800

Answer 1

查看这些小提琴。 http://jsfiddle.net/corinne/pKUzU/

iframe {
max-width: 100%;
height: auto;
width: auto; /*IE8 bug fix*/
vertical-align: middle
}

希望它有所帮助。

Answer 2

尝试使用

var weight = window.innerHeight;

，它给出了当前的视口高度。

Answer 3

您想要获得的是视口高度（页面中的视图），这就是$（window）.height（）返回的内容。 你想获得容器的高度吗？ （只是得到它）

我们需要查看您的问题，请使用链接或制作JSFiddle。

Answer 4

我提出的解决方案是定义一个包裹地图的css类。

.gm_responsive {
position: relative;
padding-bottom: 68%;
padding-top: 45px;
height: 0;
overflow: hidden;

} 我相信关键是

padding-bottom: 68%;

Answer 5

尝试使用

var dimensions = document.viewport.getDimensions();
height = dimensions.height;

这是核心PrototypeJS的一部分而不是jQuery