仅在 Safari 中显示跨度的奇怪高度问题答案

【问题标题】：Strange height issue with revealing span in Safari only仅在 Safari 中显示跨度的奇怪高度问题
【发布时间】：2016-02-09 08:39:34
【问题描述】：

我只在 Safari 中遇到了跨度更改高度的问题。

左上方是一个“项目”按钮，当您将鼠标悬停在该按钮上时，该按钮会展开以显示“返回项目”。在 Chrome 或 Firefox 中，一切都很好。在 Safari 上，当您将鼠标悬停在其上时，跨度的高度和位置会发生变化，我不知道为什么。

【问题讨论】：

【解决方案1】：

我有一种感觉，因为您混合使用了 em 和 vw，它们通常是非常动态的值

尤其要小心 vw，因为它会在 IE 和 Edge 上导致很多兼容性问题： http://caniuse.com/#feat=viewport-units

尝试将值（例如高度和最大宽度）更改为临时像素值，看看是否能解决问题。那么至少你在正确的轨道上;）

【讨论】：

【解决方案2】：

我从来不知道为什么会发生这种情况，但我最终只是将它们全部更改为 DIV，这似乎有效。

【讨论】：