css - Safari マージン率エラー

Question

絶対位置でパーセンテージでマージンを指定すると、Firefox と chrome ですべて正常に動作し margin:50% 0 0 60%;position:absolute;z-index:5;ます。

画面サイズに応じて割合を計算する FF/chrome 。しかし、サファリでは、体の全高に対するマージンの割合を計算しているようです（よくわかりません！）ので、vwでcalc（）を試しました

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

サファリでは効果がありません。何か足りないと思います。助けてください

編集: jsfiddle を追加: http://jsfiddle.net/xjSx3/3/ ff/chrome と safari の違いを確認してください

score 0 · Accepted Answer

calc()最新バージョンの Safari でのみサポートされています (-webkit-接頭辞付き)

ビューポート単位は部分的にしかサポートされていないため、奇妙な動作が発生する可能性があります

1 に答える 1