响应的背景图像在二十五个问题

Question

我试图让我的背景图像在二十五个主题中响应，特别是对于移动设备，即360px到640px。我已经尝试了大量的CSS，但没有骰子。 div是body.custom-background我相信。

以下是测试网站：test.justinhawleydesign.com

由于

贾斯汀

Answer 1

您需要最大宽度：100％并将背景中心位置固定。

最好把它放在html元素上，因为它更可靠地是浏览器的整个高度。也就是说，当我在检查员修改时，身体似乎对你很好。

body.custom-background {
  background: url('http://test.justinhawleydesign.com/wp-content/uploads/2015/09/camera-green22.png') no-repeat center center fixed;
  max-width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}