Bootstrap 是否可以使用CSS flex使视频元素的宽度始终是其容器的50%?

rur96b6h  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(147)

是否可以使用CSS flex使视频元素的宽度始终是其容器宽度的50%?
这是我的代码。
第一个
当我单击按钮时,假设一个video元素将被添加到id为“trouble”的div中;并且video元素和“cell 2”宽度都应该等于其父代的50%。
不幸的是,它没有像我期望的那样工作,video元素和“cell 2”宽度都不等于其父元素的50%。
你能告诉我发生什么事了吗?

1yjd4xko

1yjd4xko1#

#cell2 {
width: 3vw; 
}
.video {
width: 3vw;
}

这对我很有效,你会得到你想要的输出:

PC和移动的屏幕:

检查输出:

第一个

相关问题