当前位置:网站首页>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
边栏推荐
猜你喜欢

tansig和logsig的差异,为什么BP喜欢用tansig

Data type of pytorch tensor

UI control telerik UI for WinForms new theme - vs2022 heuristic theme

2022 Google CTF SEGFAULT LABYRINTH wp

Your cache folder contains root-owned files, due to a bug in npm ERR! previous versions of npm which

Yunna - work order management system and process, work order management specification

JTAG principle of arm bare board debugging

资产安全问题或制约加密行业发展 风控+合规成为平台破局关键
![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]

The MySQL database in Alibaba cloud was attacked, and finally the data was found
随机推荐
1123. The nearest common ancestor of the deepest leaf node
Realize incremental data synchronization between MySQL and ES
JS reverse -- ob confusion and accelerated music that poked the [hornet's nest]
c语言—数组
mysql: error while loading shared libraries: libtinfo. so. 5: cannot open shared object file: No such
What are the differences between Oracle Linux and CentOS?
What does security capability mean? What are the protection capabilities of different levels of ISO?
What does front-end processor mean? What is the main function? What is the difference with fortress machine?
405 method not allowed appears when the third party jumps to the website
Force buckle 1037 Effective boomerang
Do you understand this patch of the interface control devaxpress WinForms skin editor?
AI automatically generates annotation documents from code
Yunna - work order management system and process, work order management specification
黑马笔记---异常处理
[100 cases of JVM tuning practice] 05 - Method area tuning practice (Part 2)
Go zero micro service practical series (IX. ultimate optimization of seckill performance)
How to evaluate load balancing performance parameters?
THREE. AxesHelper is not a constructor
Neon Optimization: summary of performance optimization experience
Yunna | work order management software, work order management software app