响应式视频与CSS中的DIV冲突

Question

我的页面上有一个自适应视频，当显示屏的宽度低于767px（智能手机）时，我设置为调整为静态背景图像。

问题是，768px到1199px（宽度）之间的任何东西，例如。在iPad上，我的视频DIV容器高度没有响应，导致视频下方的白色边缘。理想情况下，容器应从266px - 347px（高度）调整，与视频高度/宽度平行。

.videobg是我的容器，.videoheader是视频本身。

以下是代码：

insert into employee 
values ('1','brian','kim','j','adfasdf',
        '1234','24-nov-1993','24-sep-1993','24-sep-1993',
        '1234','24-sep-1993','as','as')

Answer 1

对于这种情况，它看起来解决方案将是：

.videobg {
  font-size: 0px;
}

我强烈建议对响应式视频使用其他缩放功能（例如like this），哦，亲爱的，这么多媒体查询！ ：d 但是，呃，如果它适合你，那很好。