当前位置:网站首页>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
边栏推荐
- Machine learning: the difference between random gradient descent (SGD) and gradient descent (GD) and code implementation.
- 搭建【Redis in CentOS7.x】
- NEON优化:矩阵转置的指令优化案例
- 负载均衡性能参数如何测评?
- Atomic in golang, and cas Operations
- Install Firefox browser on raspberry pie /arm device
- 一起看看matlab工具箱内部是如何实现BP神经网络的
- Table table setting fillet
- Can the system hibernation file be deleted? How to delete the system hibernation file
- Metauniverse urban legend 02: metaphor of the number one player
猜你喜欢

Asset security issues or constraints on the development of the encryption industry, risk control + compliance has become the key to breaking the platform

力扣1037. 有效的回旋镖

Boot - Prometheus push gateway use

Transplant DAC chip mcp4725 to nuc980

免费白嫖的图床对比

ARM裸板调试之JTAG调试体验

身体质量指数程序,入门写死的小程序项目

boot - prometheus-push gateway 使用

【信号与系统】

【C语言进阶篇】指针的8道笔试题
随机推荐
Table table setting fillet
自旋与sleep的区别
[Niuke] b-complete square
Realize incremental data synchronization between MySQL and ES
What does front-end processor mean? What is the main function? What is the difference with fortress machine?
数据手册中的词汇
tansig和logsig的差异,为什么BP喜欢用tansig
【芯片方案设计】脉搏血氧仪
接收用户输入,身高BMI体重指数检测小业务入门案例
Transplant DAC chip mcp4725 to nuc980
2022 Google CTF SEGFAULT LABYRINTH wp
Neon Optimization: an instruction optimization case of matrix transpose
微信公众号发送模板消息
Using the entry level of DVA in taro3.*
Send template message via wechat official account
JTAG principle of arm bare board debugging
实现mysql与ES的增量数据同步
table表格设置圆角
The MySQL database in Alibaba cloud was attacked, and finally the data was found
AI 从代码中自动生成注释文档