爲什麼固定元素在放大（iPad）時出現視口？

http://jsfiddle.net/viebel/BBjzn/show/ - 這是一個簡單的例子，其中兩個fixed元素（在頁面的兩個角落）。如果我理解正確，那麼這兩個固定元素應該始終處於視口中。即使在放大時也是如此。或者，至少，這是桌面瀏覽器（chrome）的情況。爲什麼固定元素在放大（iPad）時出現視口？

但是，在iPad（iOS 5）上運行相同的代碼並放大時，會有兩個階段：首先，一切都按預期進行，但如果繼續放大，則兩個fixed元素會浮出視口。

此行爲是否符合規範？我真的應該期待什麼？而且，當然，我需要做些什麼才能將元素始終保存在視口中？

如果有什麼不清楚的地方 - 請問 - 我會很樂意澄清。 jsfiddle玩的樣品代碼在這裏：http://jsfiddle.net/viebel/BBjzn/

2012-03-21 viebel

'position：fixed'在前段時間不適用於iPhone。也許，它在iOS中仍然不起作用。 – kirilloid 2012-03-21 16:06:52

它在'iOS 5'中得到支持。 – viebel 2012-03-21 20:26:46

-1

http://www.quirksmode.org/m/css.html 在那裏你可以準確地看到什麼在哪裏以及如何工作。

在你的特殊情況下，行爲的原因是，position：fixed被視爲position：absolute。

2012-03-21 16:10:27

似乎並不如此。即使在頁面被滾動時，元素仍然保持固定。這不是'position：absolute'元素的情況 – viebel 2012-03-21 20:28:09

回答