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

看板Web_Design作者kiloking (台灣好)時間13年前 (2012/11/01 18:16)推噓1(1推 0噓 6→)

留言7則, 2人參與討論串1/1

最近在研究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

11/01 19:15, , 1^F

11/01 19:15, 1^F

→

kiloking

11/01 20:54, , 2^F

11/01 20:54, 2^F

→

kiloking

11/01 20:54, , 3^F

11/01 20:54, 3^F