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

只有最新版本的Safari支持{p> calc()（-webkit-前缀）

http://caniuse.com/calc

和视口单元仅受到部分支持，这意味着可能存在奇怪的行为

http://caniuse.com/viewport-units