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

Question

在横屏模式下，我的 iPad2 将底部边框放在这个 fiddle 的折叠下方:

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

我得到确认，这也发生在横向模式的 iPhone 上。

我测试的所有其他设备在没有滚动的情况下在屏幕的所有边上显示红色边框。

它是 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 中的一个错误:

iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue

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

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