二十五期响应式背景图片

Question

我试图让我的背景图片在 25 主题中响应，尤其是对于移动设备，即 360px x 640px。我已经尝试了很多 CSS，但没有骰子。我相信 div 是 body.custom-背景。

这里是测试站点：test.justinhawleydesign.com

谢谢

贾斯汀

Answer 1

您需要最大宽度：100% 并将您的 background center center 固定。

最好将它放在 html 元素上，因为它更可靠地占据浏览器的全高。也就是说，当我在检查器中修改时，body 在这里对你来说似乎工作正常。

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;
}

二十五期响应式背景图片

Responsive background image in twenty fifteen issue

css

responsiveness