登录社区云,与社区用户共同成长
邀请您加入社区
当视频文件video比列不符合盒子大小,需要充满盒子时解决方案。
1.当这种情况出现的时候,最后展现结果,视频肯定是会有裁剪的。
2.如果需要全屏的视频。可以先设置盒子hight:100vh。
3。为什么这里不设置100%呢,因为视频原因,浏览器解析会将视频保持不裁剪,高度可能出现问题,vh是屏幕的高度。
4,设置width:100%后,只需在video中添加:object-fit: cover;即可实现全屏
5.当然,如果出现溢出,则可以使用overflow:hidden;来完善了!
一站式 AI 云服务平台
更多推荐
数据库系统概论的第六版与第五版的区别
分布式数据库与集中式数据库区别详解!
【亲测免费】 探索Coder:一款强大的云端开发环境与协作平台
是一个基于云技术的开发者工具,它提供了一个安全、高效的在线代码编辑器和协作平台,让开发者可以在任何地方、任何设备上进行编码工作,并实现团队间的无缝协作。本文将深入探讨其技术特性、应用场景及亮点,以期吸引更多用户加入到这个便捷的开发世界中。## 技术分析1. **基于容器的技术**:Coder 基于Docker容器构建,每个开发环境都是独立的隔离实例,确保了软件依赖的一致性,避免了“我的环境
扫一扫分享内容
所有评论(0)