Safari 保证金百分比错误

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：http://jsfiddle.net/xjSx3/3/ 请看 ff/chrome 和 safari 的区别

Answer 1

calc() 仅受最新版本的 Safari 支持（带有 -webkit- 前缀）

http://caniuse.com/calc

仅部分支持视口单元，这意味着可能会有奇怪的行为

http://caniuse.com/viewport-units