html - Safari が他のブラウザのように margin-top % 値をレンダリングしない

Question

この質問は前にもしたことがありますが、もっと明確になると思いました。margin-top% 値は、Chrome、Firefox、IE とは異なり、Safari では同じように表示されないようです。px では正しく表示され、margin-left% も表示されます。

比較を行う例を次に示します。

* {
   margin:0;
   padding:0;
 }

.A {
   background-color: blue;
   height: 200px;
   position:relative;
 }

.B {
   left: 50px;
   margin-top:15%;
   width:20px;
   height:20px;
   background-color: red;
   position:absolute;
}

margin-topレスポンシブ デザイン機能のため、% 値を使用する必要があります。を使用topすると、ウィンドウ サイズに従ってオブジェクトがスケーリングされません。

既知の問題はありますか? もしそうなら (おそらく大きなことを尋ねます) ブラウザとして Safari のみをターゲットにして、スタイル シートにカスタム値を設定できるようにする方法はありますか?