带有svg过滤器的引导流体img

Question

我正在将SVG过滤器应用于Bootstrap 4上的响应图像。我正在应用class =“ img-fluid”

我不知道如何为每种分辨率在图像之间保持相同的分隔。适用于台式机，但在移动设备上，间隔太大[]

此处为代码段https://codepen.io/fernandocomet/pen/ExVBrrR?editors=1100

在我的容器上，我有：

.container {
  position: relative;
  width: 100vw;
  height: 100vh;
}
欢迎任何帮助

我正在将SVG过滤器应用于Bootstrap 4上的响应图像。我正在应用class =“ img-fluid”我不知道如何为每种分辨率在图像之间保持相同的分离。适用于台式机，但适用于...

Answer 1

我已修改代码，以使容器之间的间距保持在5％的边距（您可以根据需要进行调整）。