CSS和图像在调整大小时保持居中

Question

我在看这个网站。英雄形象重新调整大小css（我相信）是溢出图像以及保持居中。链接如下。我试着检查一下网站的章节，看看能不能搞清楚。但不能......任何帮助都会很棒。我想重新创建这个，但不知道如何。

谢谢 - 这是一个德国网站。 Css是双语的：）

Example of picture

Answer 1

您只需使用background-size:cover;和background-position:center center;在CSS中执行此操作：

div{
  background-image:url(image.png);
  background-size:cover;
  background-position:center center;
}

More on background-size from MDN

  

封面：此关键字指定背景图片应为   缩小到尽可能小，同时确保其尺寸   大于或等于相应的尺寸   背景定位区。

More on background-position from MDN

  

background-position CSS属性设置初始位置，   相对于背景