1. 程式人生 > 其它 >蘋果手機第一次fixed沒有達到預期效果,滾動下頁面就正常了

蘋果手機第一次fixed沒有達到預期效果,滾動下頁面就正常了

我們用ul li實現了一個視訊列表,一共兩列,點選其中一個播放時,會將該li設定為position: fixed;width:90%;也就是變成了一個彈窗的樣式。安卓手機一切正常,然而當看到蘋果,我……內心一萬個不相信,但是看著縮在左上角的視訊,陷入了沉默。無意識的摸了下螢幕,嗯?樣式又正常了???這是什麼操作……

我命由我不由天!調整!

1、調整寬度、偏移的單位為vw,不再用百分比。這回終於看到完整的了,但是寬度仍然不對;

2、萬般無奈之下,我們將這個li直接放到了body中,原來的位置先用一個空li佔著。結果完美的我們想哭。這就是我們想要的啊!再將寬度等用百分比表示,樣式仍然正常,可見不是因為寬度寫法的問題。

總之:想要position:fixed;的元素,如果樣式不符預期,不妨試一下放在body中,或許這個方法也適合你呢?