当前位置:网站首页>swiper组件中使用video导致全屏错位
swiper组件中使用video导致全屏错位
2022-07-06 17:50:00 【flym_】
问题: 项目测试过程中,在swiper组件中有是有video,全屏时在安卓上没有任何问题,但在ios上,视频全屏后却发现小程序的navbar导航栏在视屏的上方,导致视频往下移错位,以至于没有全部显示出来。
解决方法: iOS 的 video 组件全屏需要使用 position: fixed 属性。如果 video 的父组件包含 position: relative;position: absolute 等 css 属性( 除 position: static 以外的属性),便会破坏 video 的全屏定位。
因此不要对需要全屏的 video 的任何父组件使用任何 position: relative;position: absolute 等定位属性。
加 codejs
边栏推荐
- 剑指 Offer II 035. 最小时间差-快速排序加数据转换
- C语言实例_2
- Do you understand this patch of the interface control devaxpress WinForms skin editor?
- 7.6 simulation summary
- 移植DAC芯片MCP4725驱动到NUC980
- 2022 Google CTF segfault Labyrinth WP
- NEON优化:矩阵转置的指令优化案例
- Segmenttree
- Neon Optimization: performance optimization FAQ QA
- 【C语言进阶篇】指针的8道笔试题
猜你喜欢

AI automatically generates annotation documents from code

云呐|工单管理办法,如何开展工单管理

Force buckle 1037 Effective boomerang

AI 从代码中自动生成注释文档

boot - prometheus-push gateway 使用
![JS reverse -- ob confusion and accelerated music that poked the [hornet's nest]](/img/40/da56fe6468da64dd37d6b5b0082206.png)
JS reverse -- ob confusion and accelerated music that poked the [hornet's nest]

Dark horse notes - create immutable sets and streams

【案例分享】网络环路检测基本功能配置

Go zero micro service practical series (IX. ultimate optimization of seckill performance)

Gazebo的安装&与ROS的连接
随机推荐
系统休眠文件可以删除吗 系统休眠文件怎么删除
NEON优化:性能优化常见问题QA
Dark horse notes - create immutable sets and streams
Dynamic planning idea "from getting started to giving up"
405 method not allowed appears when the third party jumps to the website
Docker method to install MySQL
C语言实例_4
THREE. AxesHelper is not a constructor
Make Jar, Not War
[JS] obtain the N days before and after the current time or the n months before and after the current time (hour, minute, second, year, month, day)
黑马笔记---创建不可变集合与Stream流
The difference between spin and sleep
How to prevent overfitting in cross validation
【案例分享】网络环路检测基本功能配置
域分析工具BloodHound的使用说明
Sword finger offer II 035 Minimum time difference - quick sort plus data conversion
Failed to successfully launch or connect to a child MSBuild. exe process. Verify that the MSBuild. exe
Google发布安全更新,修复Chrome中已被利用的0 day
Installation of gazebo & connection with ROS
Neon Optimization: an instruction optimization case of matrix transpose