Safariで背景イメージのサイズを変更するには？

クロムは、上記の画像と同じように動作します。

In Safari

しかしながら上記のように、Safariで、それは動作しません。次のように

CSSのコードは次のとおりです。

background-image: url(rendyhome.png); 
background-size: auto 66vh; 
background-repeat: no-repeat; 
background-position: right;

私はそれを修正するにはどうすればよいですか？

出典

2017-07-09 YT Credible

background-size：contains;

ブラウザにイメージをコンテナ内に保持し、次に中央に配置するように指示する次のコードを試すことができます。この解決法は、background colorを使用して塗りつぶすことができるイメージの周りに空白の色を作成することがあります。

background-size: contain; 
background-position: center;

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

できるだけ大きな画像をスケーリングし画像のアスペクト比（画像踏み付けされない）を維持するキーワード。画像はレターボックスです。イメージとコンテナの寸法が異なる場合は、空白の領域（左/右の上下）がで背景色で塗りつぶされます。

background-size：cover;

background-size: cover;を使用して、画面に画像を完全に埋め込むこともできます。

注意：この手法を使用すると、画面の比率が画像（応答すると思われます）と同じでない場合、ブラウザで画像が切り取られる可能性があります。私があなたのイメージで見ることができるように、内部にはいくつかの言葉があります。そのため、カバーソリューションは、それらを見えるようにすることは不適切です。

画像とコンテナの寸法が異なる場合、画像は左右または上下のいずれかにクリップされてになります。

両方の解決策は良好ですが、効果は異なります。それはあなたの行動の好みに依存します。両方のソリューションで画像比率が尊重されても、クリップ/カットのソリューションと画像の周りに空白が作成されます。

これは要約するためにmarcarea.comからのイメージです。前に説明した振る舞いを見ることができます。