Question

有没有人有相似的经验并有解决方案？

我使用下面的CSS在手机上显示背景图片，当然我确实声明了

我无法根据屏幕的高度和宽度显示图像，如果我删除＆＃34;背景附件：固定＆＃34;，则根据屏幕调整图像大小＆＃34;高度和宽度，但图像是根据网页内容的长度而不是屏幕的中心。

有人有更好的解决方案吗？

#home {
  background: url('../images/hkfmpt_trans.png');
  background-repeat:no-repeat;
  background-position:center; 
  background-attachment: fixed;
  background-size: contain;
}

Answer 1

试试这个

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

修复了100％缩放到屏幕的背景图像

1 个答案: