使嵌套内容占据整个宽度

Question

.video-responsive {
width: 100%,
height: auto
}

我有一张只有标题和嵌入其中的 youtube iframe 视频的反应卡。我希望视频采用全宽和全高，而不受卡的限制。

Answer 1

您可以使用vh 和vw 单位，它们指的是当前屏幕的宽度和高度，所以：

.video-responsive {
    width: 100vw
}

您可能还需要更改包含元素的 overflow-y 设置。