苹果手机第一次fixed没有达到预期效果,滚动下页面就正常了
我们用ul li实现了一个视频列表,一共两列,点击其中一个播放时,会将该li设置为position: fixed;width:90%;也就是变成了一个弹窗的样式。安卓手机一切正常,然而当看到苹果,我……内心一万个不相信,但是看着缩在左上角的视频,陷入了沉默。无意识的摸了下屏幕,嗯?样式又正常了???这是什么操作……
我命由我不由天!调整!
1、调整宽度、偏移的单位为vw,不再用百分比。这回终于看到完整的了,但是宽度仍然不对;
2、万般无奈之下,我们将这个li直接放到了body中,原来的位置先用一个空li占着。结果完美的我们想哭。这就是我们想要的啊!再将宽度等用百分比表示,样式仍然正常,可见不是因为宽度写法的问题。
总之:想要position:fixed;的元素,如果样式不符预期,不妨试一下放在body中,或许这个方法也适合你呢?