当前位置:网站首页>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
边栏推荐
- 736. Lisp 语法解析 : DFS 模拟题
- 2022 Google CTF segfault Labyrinth WP
- [Niuke] [noip2015] jumping stone
- Your cache folder contains root-owned files, due to a bug in npm ERR! previous versions of npm which
- C# 计算农历日期方法 2022
- 2022 Google CTF SEGFAULT LABYRINTH wp
- C语言实例_2
- 1123. 最深叶节点的最近公共祖先
- Byte P7 professional level explanation: common tools and test methods for interface testing, Freeman
- NEON优化:关于交叉存取与反向交叉存取
猜你喜欢
随机推荐
Share a general compilation method of so dynamic library
今日问题-2022/7/4 lambda体中修改String引用类型变量
Docker method to install MySQL
Installation of torch and torch vision in pytorch
MySQL script batch queries all tables containing specified field types in the database
自旋与sleep的区别
Oracle: Practice of CDB restricting PDB resources
Js逆向——捅了【马蜂窝】的ob混淆与加速乐
Dark horse notes - create immutable sets and streams
交叉验证如何防止过拟合
Add the applet "lazycodeloading": "requiredcomponents" in taro,
Spark TPCDS Data Gen
What are the differences between Oracle Linux and CentOS?
taro3.*中使用 dva 入门级别的哦
Force buckle 1037 Effective boomerang
LeetCode:1175. 质数排列
Realize incremental data synchronization between MySQL and ES
Neon Optimization: an optimization case of log10 function
负载均衡性能参数如何测评?
How to prevent overfitting in cross validation