使用 object-fit: cover 时，HTML 视频元素底部出现奇怪的间隙；

Question

在某些情况下，当 HTML 中的父元素之一在底部或顶部定义时，您的对象将margin无法在其内部最大限度地拉伸源媒体。即使您定义了 ，标签的顶部或底部仍然会有小间隙。据我所知，这种情况只发生在 Google Chrome 中。paddingvideoobject-fit:covervideo

Answer 1

就我而言，设置display: block;视频元素解决了这个问题。