我们用ul li实现了一个视频列表,一共两列,点击其中一个播放时,会将该li设置为position: fixed;width:90%;也就是变成了一个弹窗的样式。安卓手机一切正常,然而当看到苹果,我……内心一万个不相信,但是看着缩在左上角的视频,陷入了沉默。无意识的摸了下屏幕,嗯?样式又正常了???这是什么操作……

我命由我不由天!调整!

1、调整宽度、偏移的单位为vw,不再用百分比。这回终于看到完整的了,但是宽度仍然不对;

2、万般无奈之下,我们将这个li直接放到了body中,原来的位置先用一个空li占着。结果完美的我们想哭。这就是我们想要的啊!再将宽度等用百分比表示,样式仍然正常,可见不是因为宽度写法的问题。

总之:想要position:fixed;的元素,如果样式不符预期,不妨试一下放在body中,或许这个方法也适合你呢?

最新文章

  1. redis 操作 hash 的测试
  2. 动画效果interpolator
  3. Net分布式系统之三:Keepalived+LVS+Nginx负载均衡之高可用
  4. SVN版本冲突解决
  5. 用ConfigParser模块读写配置文件——Python
  6. WPF:带复选框CheckBox的树TreeView
  7. QueryHelp
  8. Python闭包实现的计数器
  9. js button onclick动作赋值操作
  10. 解决oracle启动的错误: ORA-00119 ORA-00132
  11. 也谈OpenFlow, SDN, NFV
  12. windows 一个进程可以允许最大的线程数
  13. 使用xftp将文件上传至云服务器
  14. BP 神经网络
  15. Gson解决字段为空是报错的问题
  16. Ecplise通过Git将项目提交到GitHub
  17. Python3.x使用PyMysql连接MySQL数据库
  18. Log4j使用注意点
  19. 2017.4.28 KVM 内存虚拟化及其实现
  20. JavaScript编码命名规范及格式规范

热门文章

  1. 基于 Traefik 如何实现 path 末尾自动加斜杠?
  2. C# 正则表达式常用的符号和模式解析
  3. 主题 1 The Shell
  4. 来自一位十年.net研发老人的吐血整理:.Net技术栈-网址导航
  5. Kali Win-KeX SL
  6. MAC中Flutter下载和安装
  7. LIS求解(包括优化)
  8. 数学工具类Math-练习
  9. django框架之drf:04、序列化器常用字段及参数,序列化器高级用法之source、定制字段数据的两种方法、多表关联反序列化的保存、ModelSerializer的使用
  10. petite-vue和Vue的比较