Question

我可以在笔记本电脑上看到背景图片，但在移动设备上我看不到背景？

请帮忙。

#header {
     background: url('../img/spoon.jpg') no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
}

Answer 1

如果您在ios Safari上出现问题 Here是Safari Web内容指南的链接。向下滚动到已知的iOS资源限制，看看你是否属于这些类别中的任何一个！

Answer 2

我用以下方法解决了问题：

/* This image will be displayed fullscreen */
background:url('../img/spoon.jpg') no-repeat center center;
min-height:100%;
background-size:cover;
}

body{
/* Workaround for some mobile browsers */
min-height:100%;
}

Answer 3

#header{
  background: url("../assets/lotus.png") no-repeat center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  background-attachment: scroll;
  background-size: 100% 100%;
}

使用背景尺寸100％100％来调整移动设备中的全屏宽度高度

背景图像不显示在移动设备上

3 个答案: