Question

当我们使用Chrome并调整窗口大小时，视频的大小会小于其实际宽度＆＃34; log＆＃34;带有项目的框始终保持附加到视频的底部，而在IE中，当视频变大时它会跟随它，尽管它的大小小于其自然宽度 - 视频上方和下方出现两个黑条。无论如何要删除它们？

如果我们设置＆＃34;显示＆＃34;这不会发生。无论是阻止还是内联阻止，但由于项目的性质（这只是一个简化的案例）我不能将显示更改为＆＃34; flex＆＃34;。有没有CSS调整？

 #content {
  display: inline-block;
  ...
 }

如果可能的话，我也想避免添加设置高度的JS - 它在Chrome，Safari，Opera和Firefox（带有不同的视频）只是在IE中出错了.. 谢谢你们！

Answer 1

好的我刚刚找到了一个有效的CSS解决方案，看起来像是在加载视频后IE设置默认的最小高度到原始视频的高度，但是如果我们用不同的值覆盖它以像素为单位，任何非常小的东西，让我们说1px - 然后就可以了。

#video {
  width: 100%;
  height: auto;        
  min-height: 1px;
}