为什么固定元素在放大（iPad）时超出视口？

Question

http://jsfiddle.net/viebel/BBjzn/show/ - 这是一个简单的示例，其中包含两个 fixed 元素（位于页面的两个角落）。如果我做对了，这两个固定元素应该始终在视口中。即使在放大时。或者，至少，这是桌面浏览器（chrome）的情况。

但是，当在 iPad (iOS 5) 上运行相同的代码并放大时，有两个阶段：首先，一切都按预期进行，但如果继续放大，两个 fixed 元素会浮出视口.

这种行为是否符合规范？我真正应该期待什么？当然，我需要做些什么才能将元素始终保留在视口中？

如果有任何不清楚的地方 - 请询问 - 我很乐意澄清。 jsfiddle 示例代码在这里：http://jsfiddle.net/viebel/BBjzn/

Answer 1

http://www.quirksmode.org/m/css.html 在那里你可以准确地看到什么在哪里以及如何工作。

在您的特殊情况下，该行为的原因是 position:fixed 被视为 position:absolute。