html - 即使在调整大小时，如何在页面中途填充图像？

Question

我在发布之前到处搜索过*

我正在尝试将两张图片放在一起。每张图片正好占页面的一半，另一半在页面下方(2 张不同的图片)。我试着到处找，但他们说保留它作为背景，虽然背景你只能有 1 张图像。我也尝试过更改宽度和高度，但在调整窗口大小时似乎不起作用。

有人可以提示我应该做什么吗？

Answer 1

尝试使用以下 css 和您想要覆盖页面一半的图像。这是一个 fiddle链接，以便您可以调整 HTML 输出的大小以查看它是否是您想要的。

#img1 {
  position: fixed;
  width: 100vw;
  height: 50vh; /* 50% of the view-height */
  top: 0%;
  left: 0%;
}

#img2 {
  position: fixed;
  width: 100vw;
  height: 50vh; /* 50% of the view-height */
  top: 50%;
  left: 0%;
}

<img id="img1" src="http://placehold.it/350x150"/>
<img id="img2" src="http://placehold.it/350x150"/>

: