当前位置:网站首页>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
边栏推荐
- Spark TPCDS Data Gen
- Sword finger offer II 035 Minimum time difference - quick sort plus data conversion
- 系统休眠文件可以删除吗 系统休眠文件怎么删除
- JS reverse -- ob confusion and accelerated music that poked the [hornet's nest]
- 斗地主游戏的案例开发
- Install Firefox browser on raspberry pie /arm device
- 力扣1037. 有效的回旋镖
- Send template message via wechat official account
- 【信号与系统】
- NEON优化:矩阵转置的指令优化案例
猜你喜欢
Your cache folder contains root-owned files, due to a bug in npm ERR! previous versions of npm which
1123. The nearest common ancestor of the deepest leaf node
从底层结构开始学习FPGA----FIFO IP的定制与测试
LLDP兼容CDP功能配置
2022 Google CTF segfault Labyrinth WP
Go zero micro service practical series (IX. ultimate optimization of seckill performance)
让我们,从头到尾,通透网络I/O模型
AI 从代码中自动生成注释文档
【C语言进阶篇】指针的8道笔试题
系统休眠文件可以删除吗 系统休眠文件怎么删除
随机推荐
Come on, don't spread it out. Fashion cloud secretly takes you to collect "cloud" wool, and then secretly builds a personal website to be the king of scrolls, hehe
一起看看matlab工具箱内部是如何实现BP神经网络的
405 method not allowed appears when the third party jumps to the website
Dark horse notes - create immutable sets and streams
The difference between spin and sleep
Segmenttree
Metauniverse urban legend 02: metaphor of the number one player
MySQL中回表的代价
字节P7专业级讲解:接口测试常用工具及测试方法,福利文
Typical problems of subnet division and super network construction
资产安全问题或制约加密行业发展 风控+合规成为平台破局关键
Force buckle 1037 Effective boomerang
Spark TPCDS Data Gen
力扣1037. 有效的回旋镖
Analysis of mutex principle in golang
[100 cases of JVM tuning practice] 05 - Method area tuning practice (Part 2)
子网划分、构造超网 典型题
HMM notes
Neon Optimization: performance optimization FAQ QA
Transplant DAC chip mcp4725 to nuc980