Javascript iPad web视口大小

我正在为多个设备和浏览器（台式机和移动设备）设计一个特定的web布局。我希望web应用程序始终全屏显示，没有任何方向的滚动

我正在使用JavaScript读取屏幕的可用高度和宽度

（document.documentElement.clientWidth，clientHeight）

，然后将我的元素设置为适合。在我的简单测试用例中，我得到了一个绝对定位的div标记

（top:0；left:0；）

，其宽度和高度（通过JavaScript）设置为比屏幕宽度和高度小4个像素，四个边上都有一个2倍宽的边框

在桌面浏览器和一些安卓设备上的Chrome浏览器上，它可以按预期工作——我可以看到四周边缘的边框，没有滚动

然而，在iPad2和iPadMini（Safari）上，结果的div是正确的宽度，但太高了20像素——我必须滚动一点才能看到底部边框

当我仅使用CSS时，我会得到相同的结果，使用：

  #borderDiv {
    position:absolute; top:0; left:0; right:0; bottom:0;
    border:2px solid black;
  }

我正在使用：

为什么我在iPad设备上得到了“错误”的高度结果

---

大卫

你对梅塔塔格萨哈有什么看法，他找到了另一篇同样问题的帖子。。。。元标记：