【发布时间】：2012-11-28 12:14:49
【问题描述】：
当我将元素的高度设置为
screen.availHeight;
大约 85px 的内容在 Chrom 的底部被截断，大约 40px 在 IE 和 ff 的底部被截断。截断内容在windows任务栏下。
我该如何解决这个问题
【问题讨论】：
标签： javascript window height
【发布时间】：2012-11-28 12:14:49
【问题描述】：
这不是很明显吗，您得到的是屏幕高度，而不是窗口高度，因此不会减去任何浏览器镶边（availHeight 实际上确实从我的屏幕高度 1200 像素中减去了 40 像素，可能用于任务栏）。
window.height;
【讨论】：
-
+1。是的，
screen.availHeight提供了允许任务栏（或非 Windows 等效项）后“可用”的桌面部分。screen.height给出全高。如果您连接了多个显示器，两者（可能）都会感到困惑。都不告诉你浏览器窗口有多大，更不用说浏览器窗口的客户区了。 -
是的，其余的可能是浏览器 chrome，因为如果我将浏览器置于全屏状态，它似乎可以与 screen.availHeight 一起使用（有 4 个屏幕），否则，则相同的高度因为浏览器 chrome 会在底部消失。
-
但我希望元素的大小与浏览器最大化时的大小相关。如果我使用 window.height 并且浏览器未最大化，我会获得相对于较小浏览器的大小。
-
是的，据我所知，没有简单的方法可以做你想做的事。
-
所以我觉得还是需要使用screen.availheight。有谁知道为什么我的内容被截断？是任务栏吗？