html - 响应式视频的最大高度

Question

我正在从事一个涉及响应式网页设计的重新设计元素，我们在页面上有视频元素可以扩展以填充页面的整个宽度，这正是我们希望他们做的。然而，由于我们正在测试的某些屏幕的纵横比以及我们正在使用的视频的纵横比，一些视频会比屏幕允许的高度高——视频的整个高度不适合屏幕。

是否可以让视频(从 YouTube 嵌入)扩展到最大宽度直到达到页面的最大高度？类似 max-height: 95%(页面的)。

Answer 1

max-height 在容器扩展高度时起作用。

例如，如果您的容器高度为 600px，并且您定义了 max-height: 500px，那么您的容器高度将变为 500px。

粘贴您的代码，以便我详细说明您的问题。