苹果手机第一次fixed没有达到预期效果,滚动下页面就正常了
2024-10-21 03:24:27
我们用ul li实现了一个视频列表,一共两列,点击其中一个播放时,会将该li设置为position: fixed;width:90%;也就是变成了一个弹窗的样式。安卓手机一切正常,然而当看到苹果,我……内心一万个不相信,但是看着缩在左上角的视频,陷入了沉默。无意识的摸了下屏幕,嗯?样式又正常了???这是什么操作……
我命由我不由天!调整!
1、调整宽度、偏移的单位为vw,不再用百分比。这回终于看到完整的了,但是宽度仍然不对;
2、万般无奈之下,我们将这个li直接放到了body中,原来的位置先用一个空li占着。结果完美的我们想哭。这就是我们想要的啊!再将宽度等用百分比表示,样式仍然正常,可见不是因为宽度写法的问题。
总之:想要position:fixed;的元素,如果样式不符预期,不妨试一下放在body中,或许这个方法也适合你呢?
最新文章
- redis 操作 hash 的测试
- 动画效果interpolator
- Net分布式系统之三:Keepalived+LVS+Nginx负载均衡之高可用
- SVN版本冲突解决
- 用ConfigParser模块读写配置文件——Python
- WPF:带复选框CheckBox的树TreeView
- QueryHelp
- Python闭包实现的计数器
- js button onclick动作赋值操作
- 解决oracle启动的错误: ORA-00119 ORA-00132
- 也谈OpenFlow, SDN, NFV
- windows 一个进程可以允许最大的线程数
- 使用xftp将文件上传至云服务器
- BP 神经网络
- Gson解决字段为空是报错的问题
- Ecplise通过Git将项目提交到GitHub
- Python3.x使用PyMysql连接MySQL数据库
- Log4j使用注意点
- 2017.4.28 KVM 内存虚拟化及其实现
- JavaScript编码命名规范及格式规范