Question

我正在使用此网站http://freunde-von-tosamaganga.ch/

在桌面上的一切都是，但如果你在ipad或智能手机上检查它背景不起作用。客户问我全屏画面;在桌面上是可以的，但在Ipad上，当你在纵向和横向之间切换时，你需要刷新页面，它看起来像是“重复”。

我该如何解决？

Answer 1

您需要通过js设置截面高度吗？你可以使用CSS：

html，body {身高：100％; }和#wrapper {身高：100％; }

我还注意到你为body和#wrapper设置了相同的背景，看起来它重复了，所以从其中一个元素中删除bg。

Answer 2

试试这个;

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Answer 3

它跳转是因为你使用javascript将包装器高度设置为身高（但是你不要在屏幕调整大小时更新它）。一种选择是每次屏幕调整大小时更新包装器高度

购买为什么不删除javascript并使用css：

html,body,#wrapper{height:100%;}

Answer 4

body {
background-size: cover;

}

只需在身体标记中添加背景大小

全屏幕背景不适用于移动设备

4 个答案: