【safariのみ】font-size：○%；で可変させた時、widthやmarginに使用したremが反映されません。

Question

MacBook(1440×900)、VS code使用

html{
font-size: 62.5%;
}
に設定しています
テキストのfont-size、各ブロックのmarginやpadding、widthなどもremで指定し、
下記のようにメディアクエリで、一括でサイズをレスポンシブさせたいと考えています。

@media screen and (min-width:1601px) {/* 1920px以上のデバイス向け */
html{
font-size: 62.5%;
}
}

@media screen and (max-width:1600px) {/* 1600pxまでのデバイス向け */
html{
font-size: 51.875%;
}
}

@media screen and (max-width:1500px) {/* 1440pxまでのデバイス、mac book向け */
html{
font-size: 46.875%;
}
}

@media screen and (max-width:1024px) {/* タブレット向け */

html{
font-size: 54.692%;
}

}

○%の値を変更するとFirefoxとChromeでは問題なく、一括でサイズが変更されます。
しかし、safariではテキストのサイズは可変するのですが、
画像やブロックのmargin、widthなどにremを指定した場合、
変更されません。

どなたか解決法をご教示いただけないでしょうか？？
よろしくお願いします。

↓追記（9/8/17:39）

font-size: 53%;を下回る値を設定すると、効かなくなりました。
逆に53%以上の値を設定すると、その値に応じてサイズが大きくなっていきます。