手机背景图片丢失

Question

我想要一个背景图像，它可以很好地显示在桌面上。但是，在小屏幕中，图片的右侧部分溢出，导致其内容丢失。

这是代码：

body {
  background: url("..") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

这里是JSFiddle。

我想在手机屏幕上获取整个图片，或者获取其中的所有右侧部分并丢失一些左侧部分，这并不重要。请问有什么想法吗？

Answer 1

你需要center right，而不是center center。 由于某种我不明白的原因，它在 JSFiddle 中不起作用，但它应该在现实生活中起作用......