Html 如何相对于另一个图像调整图像的大小？

我在一页上有两张图片。一幅图像使用负上边距与另一幅图像重叠。两幅图像大小不同。我遇到的问题是，当你调整页面大小时，一个较大宽度的图像缩小，而另一个较小的图像保持不变

我需要两个图像在调整窗口大小时保持相对大小相同。我附上了一个页面截图

谢谢你的帮助

Html:

---

查看端口单元（

vh

，

vw

）应该可以满足您的需要。因为缩放是相对于视图端口的，所以两个图像都将保持它们始终具有的相同缩放。

真的不可能只渲染两个图像中的一个图像吗？我是说既然你想让他们保持比例。。。或者代码结构不允许这样做？你的代码在哪里@lopezi没有。您是否尝试过使用视图端口单位（

vh

，

vw

）？这样，两幅图像都可以相对于视图端口大小进行缩放，并保持相同的缩放比例。@Callum没有，我没有想到这一点。它工作得很近，谢谢你的帮助！！

  <div class="row">
    <div class="col-md-10 col-md-offset-1">
      <img class="section__diagram" src="/wp-content/uploads/product-architecture-cloud-screens.png" />
      <img class="section__diagram" style="margin-top:-92px;" src="/wp-content/uploads/product-architecture-cloud.svg" />
    </div>
  </div>