為什么背景圖片有時不能覆蓋整個頁面？

Question

我有一個HTML頁面，其中有一個圖像作為背景。 每當我在iPhone 6上查看頁面時，背景圖像有時都無法覆蓋整個頁面。 這種情況僅發生在大約20％的時間，並且不會在重新加載頁面后發生。 當我清除手機上的緩存和網站數據時，總是會發生這種情況。 這是將其設置為背景的CSS（我是通過搜索“如何制作好的CSS背景圖片”從網絡上獲得的）

 html { /*Copied from the web*/
  background: url(img/sea.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}   

body{
    background: none;
}

該頁面的網址是msolonko.net/signup.php。

如您在圖像上看到的，登錄按鈕下方有空白。 為什么有時圖像可以正常工作，但很少能正常工作？ 我怎樣才能解決這個問題？

編輯：

更改圖像的分辨率對問題沒有影響。 我不希望圖像重復。 如果沒有出現問題，僅用一張圖像看起來就不錯。

另外，如果無法解決此問題，則僅在計算機上顯示該圖像。 如果設備寬度小於某個閾值，我將僅使用背景色代替圖像。 我仍然希望我能解決這個問題。

Answer 1

兩種解決方案：使其重復圖像（將不重復重復顯示）或..增加sky.jpg的高度，因為sky.jpg的高度不足以容納手機。

因此，如果我沒有記錯（我可能是），則應將sky.jpg圖片960 x 660像素。 某些平均電話像素分辨率， 請訪問http://www.binvisions.com/articles/tablet-smartphone-resolutions-screen-size-list/

這應該有所幫助！ 抱歉，如果沒有。

編輯：您至少嘗試過這些技術嗎？ （我是Stack的新手，我無法評論）

Answer 2

在加載頁面之前編輯圖像，為其設置正確的尺寸，然后就可以了。 遞歸。 （我有同樣的問題，並且因為沒有找到在代碼中找到解決方案的方式而這樣做。）我使用的是photoshop和corel之類的程序。

Answer 3

我知道了！ 我正在學習一些CSS ... CSS代碼：

body {
    background-image:sky.jpg; /*or whatever*/
}

應該工作...也許。