Question

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

当窗口调整大小时，我需要两个图像相对于彼此保持相同的大小。我附上了页面的截图。

感谢您的帮助！

HTML：

  <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>

Desktop Size Proper Ratios Smaller Size

Answer 1

查看端口单元（vh，vw）应该可以满足您的需求。由于缩放是相对于视口，因此两个图像将保持相同的缩放比例。

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

1 个答案: