移动中的背景图像丢失

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 center，您需要center right。 由于某些原因，我没有得到它在JSFiddle中不起作用，但它应该在现实生活中工作...