为什么固定元素在放大(iPad）时会离开视口

Why fixed element gets out of viewport on zoom-in (iPad)?

本文关键字：离开视口 iPad 元素放大为什么更新时间：2023-09-26

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

然而，当在iPad（iOS 5）上运行相同的代码并放大时，有两个阶段：首先，一切都按预期进行，但如果继续放大，两个fixed元素将浮动在视口之外。

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

如果有什么不清楚的地方——请问——我非常乐意澄清。要使用的jsfiddle示例代码如下：http://jsfiddle.net/viebel/BBjzn/

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

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