css - Safari 保证金百分比错误

Question

当我以绝对位置的百分比给出边距时，在 Firefox 和 chrome 中一切正常 margin:50% 0 0 60%;position:absolute;z-index:5;。

FF/chrome 根据屏幕尺寸计算百分比。但在野生动物园中，它似乎是在计算身体总高度的边距百分比（不确定！）。所以我尝试了 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 之间的区别

score 0 · Accepted Answer

calc() is only supported by the most recent version of Safari (with -webkit- prefix)

and viewport units are only partially supported, meaning there can be weird behaviour

1 回答 1