让video宽高撑满父级
开发中大量使用了video标签,video标签比较有个性,就算你设置了固定的宽高,它依然会根据其中一个属性来自己缩放,所以总会出现空白间隙,如何使video能够自适应的撑满整个父级容器呢。
这里可以给video样式加上 object-fit:cover;属性 如此video即可实现自适应宽高
外层的父级样式
.initial-video{
width: 100%;
height: 100%;
position: fixed;
background-color: #000;
z-index: 3;
}
video适应父级的样式
.initial-video video{
width: 100%;
height: 100%;
object-fit: cover;
}
object-fit有以下几个属性
fill: 中文释义“填
让video宽高撑满父级最先出现在Python成神之路。
共有 0 条评论