Safari中的边距与Chrome和Firefox截然不同

Question

我刚刚跳进了一个大约70％完成的项目。主页html5视频部分和主页的总体布局在Chrome和Firefox上看起来很完美，但在Safari中，巨大的随机边距出现在html5视频标题的上方和下方。我意识到添加width:100%;和height:100%;会导致增加的边距。

Please take a look并在每个浏览器上对它们进行比较。

我已尝试将display:block添加到视频容器中，并将margin更改为padding。

非常感谢提前。

Answer 1

我拿出了width:100%和height:100%并添加了min-width:100%，这就是诀窍。