为什么固定元素在放大(iPad)时会退出视口?

时间:2012-03-21 16:03:41

标签: javascript css ios safari css-position

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

然而,当在iPad(iOS 5)上运行相同的代码并放大时,有两个阶段:首先,一切都按预期进行,但如果放大继续,则两个fixed元素将浮出视口。

此行为是否遵循规范?我真的应该期待什么?当然,我需要做些什么来保持元素始终在视口中?

如果有什么不清楚 - 请问 - 我会非常乐意澄清。要使用的jsfiddle示例代码位于:http://jsfiddle.net/viebel/BBjzn/

1 个答案:

答案 0 :(得分:-1)

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

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