无滚动的背景居中

Question

我想放置一个图像作为背景，我还应用了

background-size:cover

对于无滚动。问题是，当我以不同的分辨率查看页面时，显示的是整个图片(全宽)而不是中心部分(蓝色边框区域)，是否有任何可能的方法可以将图像设置为不滚动的背景，并且图像将保持居中对齐。

​

这张图片可能会更具体地描述我想要问的问题。我只想在任何分辨率下修复此图像，但蓝色边框区域必须保持居中对齐，

Answer 1

您可以将background-position: center center与background-size: cover结合使用。

Answer 2

使用：

overflow: hidden;
  max-width: 1200px; // change the width

并添加到背景中：

no-repeat 50% 0;