html - background-size: カバーは幅にのみ適合します

Question

背景として「水平」画像があります（2048x1148です）。

私は設定background:url("") no-repeat scroll center top / coverし、デスクトップモードではすべて問題ありません。モバイルでは、背景画像をスケーリングして自動的に高さをカバーすることはできません。background-size:cover自動的に行うべきではありませんか？

ライブサイトはこちら。

Answer 1

ページがホール ビューポートをカバーするようにします。

html, body{
   height: 100%;
}

または使用しますmin-height。

Answer 2

CSS ファイルのスタイリングの下にをhtml追加してmin-height: 100%;みましたが、うまくいきました。

html, body {
min-height: 100%;
}