[問題] 手機版safari不支援fixed?

[kiloking (台灣好)]

最近在研究responsive web design

爬了很多文章後 用了以下方法去設定
<meta name="viewport" content="initial-scale=1.0, width=device-width" />

然後CSS方面再偵測
media="only screen and (min-width: 0px) and (max-width: 520px)

就是想針對手機瀏覽器作排版變化就好

後來是有製作順利了 在手機上會切換排版

因為背景有使用全畫面的sideshow 也設定了最小寬高

但就是position:fixed 方面出了問題
目的是要讓背景不要隨著滾動

結果使用iphone safari的時候 背景不至於不滾動消失 但是會往上偏移幾px
造成畫面明顯留白

如果用 iphone的chrome其實是有支援的 完全沒問題...


google有找到一些方法 都沒試成功
有人研究過嗎??
謝謝~



--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.135.215.10
※ 編輯: kiloking        來自: 220.135.215.10       (11/01 18:17)
推 evenwu:升級ios即可
→ kiloking:印象中ios5就可以?? 但我拿4S ios5.0.1也是一樣問題
→ kiloking:其它瀏覽者也不確定有沒有更新@@
→ kiloking:目前沒有拿ios6的測試過
→ kiloking:發現 ios5並非不支援 事實上是當畫面往上滑的時候
→ kiloking:網址列消失 背景圖片才跟著往上 導致下方留白
→ kiloking:指safari