野生动物园的保证金百分比误差

Question

当我以绝对位置百分比给出保证金时，一切都在Firefox和Chrome中正常工作

margin:50% 0 0 60%;position:absolute;z-index:5;。

FF / chrome根据屏幕尺寸计算百分比。但在safari中，似乎是保证金百分比是双倍的。所以我尝试calc()与vw

margin:calc(50vw * 0.54) 0 0 calc(50vw * 0.60);position:absolute;z-index:5;

在safari中没有效果。我想我错过了什么。请帮助

已添加jsfiddle，请参阅ff / chrome和safari

之间的区别

这是我第二次，现在我想出了小提琴

Answer 1

如果我理解你的问题:)可能就像这样

demo

对test1和test2

使用top: 50%和left: 50%