响应式视频的最大高度

时间:2014-01-14 17:37:18

标签: html css video responsive-design

我正在开展一个涉及响应式网页设计的重新设计项目,我们在页面上有视频元素,可以扩展以填充页面的整个宽度,这正是我们希望他们做的。但是,由于我们正在测试的一些屏幕的宽高比,以及我们正在使用的视频的宽高比,一些视频然后比屏幕允许的更高 - 视频的整个高度不适合屏幕。

是否可以将视频(从YouTube嵌入)扩展到最大宽度直到它达到页面的最大高度?最大高度:95%(页面)。

1 个答案:

答案 0 :(得分:1)

当容器延伸高度时,max-height有效。

如果您的容器高度为600px并且您定义了最大高度:500px,那么您的容器高度将变为500px。

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