html - 为什么背景图片有时没有覆盖整个页面？

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;
}

页面的 url 是 msolonko.net/signup.php。

如图所示，登录按钮下方有空白区域。为什么图像有时可以正常工作，但很少不能正常工作？我该如何解决这个问题？

编辑:

更改图像的分辨率对问题没有影响。 我不希望图像重复。如果问题没有发生，那么只有一张图片看起来不错。

另外，如果我不能解决这个问题，我会让图像只在电脑上出现。如果设备宽度小于某个阈值，我将只使用背景颜色而不是图像。我仍然希望我能解决这个问题。

Answer 1

两个解决方案:使图像重复(将 no-repeat 变为重复)或.. 增加 sky.jpg 的高度，因为 sky.jpg 不够高，无法容纳手机。

因此，如果我没记错(我可能记错了)，您应该将 sky.jpg 图像设为 960 x 660 像素。一些平均手机像素分辨率为 http://www.binvisions.com/articles/tablet-smartphone-resolutions-screen-size-list/

这应该有所帮助!抱歉，如果没有。

编辑:您至少尝试过这些技巧了吗？ (我是 Stack 的新手，我无法发表评论)