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

【问题标题】：Margins drastically different in Safari than Chrome and FirefoxSafari 中的边距与 Chrome 和 Firefox 截然不同
【发布时间】：2016-07-01 17:34:33
【问题描述】：

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

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

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

提前非常感谢。

【问题讨论】：

标签： css firefox safari

【解决方案1】：

我删除了width:100% 和height:100% 并添加了min-width:100%，它成功了。

【讨论】：