100％宽度＆amp; Wordpress视频的高度（水平滚动）

Question

每个人都欢呼！我遇到了一个Wordpress主题的问题我即将自定义Porta by wpshower

我设法找到了过去垂直滚动响应宽度的解决方案，但我找不到水平滚动的解决方案。

我的响应高度适用于来自Youtube的视频iframe，但它不适合我，因为视频不会来自Youtube或Vimeo，但会存储在Wordpress媒体库中。 （它不像图像那样适合容器的高度，当我尝试实现它时，但是当我缩小浏览器窗口时它至少会响应它）

我使用

开始工作

iframe {
    max-width:100%;
    max-height:100%;
}

目前我使用默认的Wordpress 4.1视频播放器，该主题已经有一行视频CSS

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
}

去手机和手机时效果很好平板电脑，但我无法获得视频的流体（100％宽度和高度），因为它是为图像完成的。

有人有解决方案/想法如何实现这个目标？

Answer 1

我不太了解html代码的结构，但你是否将100％的高度设置为包装视频div的所有容器？

body,html,#allOtherDivIdsorSpans
{
   height:100%;
}

页面结构的演示会有所帮助。