移动端下 video 标签的高度比外围容器高一点，是什么原因（安卓下测试的）

Question

<div class="video_wrap">
    <video class="video">
</div>

.video_wrap {
    width: 100%;
    height: 30%;
}
.video {
    width: 100%;
    height: 100%;
}

在移动端测试（安卓）下，发现video的高度比外围div的高度要高一点，考虑到可能是video标签是display是inline-block，还特别对其设置为block进行测试，但还是没用。

Answer 1

你给你的video写上display:block就可以了。不信你试试，还有其他方法。

你说不行？那你修改居中对齐为top或者bottom