在移动Safari的横向模式下的CSS渲染错误？

Question

当处于横向模式时，我的iPad2将底部边框放在此小提琴中的折叠下方：

http://jsfiddle.net/L7zgLk5w/show/

我确认了，在iPhones的横屏模式下也会发生这种情况。

我测试的所有其他设备都会在屏幕的所有边框上显示红色边框，而不会滚动。

这是Mobile Safari中的渲染错误吗？

代码如下：

html,body,table
{
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
}

td
{
 border: 1px solid red;
}

<table>
 <tr><td>top</td></tr>
 <tr><td>middle</td></tr>
 <tr><td>bottom</td></tr>
</table>

Answer 1

看起来像是IOS7中的一个bug：

iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue

IOS 7 - css - html height - 100% = 692px

https://gist.github.com/benhuson/8664741