css - safari 中的 margin 百分比错误

Question

当我以绝对位置的百分比给出边距时，在 Firefox 和 chrome 中一切正常

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

FF/chrome根据屏幕大小计算百分比。但在 safari 中，利润率似乎是双倍的。所以我用 vw 尝试了 calc()

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

在 safari 中没有效果。我想我遗漏了一些东西。请帮忙

已添加 jsfiddle请查看 ff/chrome 和 safari 之间的区别

这是我第二次，现在我想出了 fiddle

Answer 1

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

demo

对 test1 和 test2 使用 top: 50% 和 left: 50%