Question

我使用以下功能在CSS中完美地完成了全屏幕背景：

body {
  background-image: url('../images/backgrounds/<image>.jpg');
  background-size: cover;
  float:left;
  overflow: hidden
  }

虽然在移动设备，iOs＆amp; amp; IE Windows Mobile，背景是平铺而不是全屏。我知道我可能需要为移动操作系统提供不同的CSS文件但不确定问题到底是什么，如何全屏移动图像？

Answer 1

将背景图像更改为：

background: url('../images/backgrounds/<image>.jpg') no-repeat center center fixed;

如果这不起作用，请查看article by CSS-Tricks关于完整的整页背景图片。

只有CSS解决方案以及jQuery解决方案

Answer 2

这可能是解决问题，获取屏幕尺寸变量并拉伸图像以填满屏幕。

尝试添加 background-repeat：no-repeat;

Answer 3

你应该使用一个重复x-y的封面。所以它真的是一个技巧，背景图像和css中的颜色相互对应..

    body {
     background: url("images/bg3.jpg") repeat-x scroll 0 0 #EF9360;
    }

因此，如果你的css背景图片在顶部是蓝色的，你应该使用蓝色背景......