swiper里面如果又视频和图片,css将视频100%铺满,不撑高解决办法
2024-08-20 09:58:08
swiper里面如果又视频和图片,由于视频客户比例和图片不对。会导致高度不一样。会导致swiper高度撑高,其他比例少的就会又空白,
由于考虑图片自适应。没有采用背景,背景的话。有些是显示不完全,只能像办法css裁剪掉视频,
里面视频样式用这个即可。
.swiper-containervd .swiper-slide video {
position: absolute; /* 绝对定位视频 */
top: 0;
left: 0;
width: 100%; /* 视频宽度 100% */
height: 100%; /* 视频高度 100% */
object-fit: cover; /* 视频填满容器并裁剪多余部分 */
}
整理的代码在这里。https://www.002t.cn/jishuwenzhang/130.html
【责任编辑:超级管理员】
关键字:
pbootcms 判断电脑版和手机版 ,直接程序判断增加自定义标签函数 pboot:nav 判断没有子类得时候显示同级栏目最新文章
2021-05-10 09:29
- pbootcms 上传的图片自动转换webp,达到最佳网站加载速度
- pbootcms模板里面写php判断的方法-判断session
- dede 电脑端和手机端首页同步生成方法,
- excel表格导入access中不换行解决办法-
- dede完美上下篇 英文版替换标签 dede:prenext 中英
- dede中英文网站栏目条调用方法
- dede双语站 面包导航{dede:field name='position'}
- PS: 无法完成请求,因为某种原因阻止文本引擎进行
- dede企业网站常见左侧固定大小类二级菜单调用代码
- 栏目页dede:channelartlist调用下级子类并dede:arcl
- dede:channelartlis 判断是否有子类栏目
- 更换织梦后台图集上传flash插件为layui上传模块
相关文章
2021-05-10 09:29