Как настроить svg файл, чтобы он автоматически подстраивался под разные размеры экранов?

Для того чтобы svg файл подстраивался под разные размеры экранов, можно использовать относительные единицы измерения, такие как проценты, вместо абсолютных единиц. 

Например, вместо указания ширины и высоты в пикселях:

```html
<svg width="100" height="100" viewBox="0 0 100 100">
  <!-- код svg -->
</svg>
```

можно использовать ширину и высоту в процентах:

```html
<svg width="100%" height="100%" viewBox="0 0 100 100">
  <!-- код svg -->
</svg>
```

Таким образом, svg будет масштабироваться в зависимости от размеров родительского контейнера.

Чтобы реализовать адаптивный и корректный подбор формы блока для макета при использовании svg или clip path, можно использовать медиа-запросы для определения размеров экрана и соответствующего изменения стилей элементов.

Например, для создания адаптивного блока с clip path, можно использовать следующий код:

```html
<div class="container">
  <svg viewBox="0 0 100 100" preserveAspectRatio="none">
    <path d="M0,0 L100,0 100,100 0,100Z"/>
  </svg>
  <div class="content">
    <!-- контент -->
  </div>
</div>

<style>
.container {
  position: relative;
  overflow: hidden;
}
svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content {
  position: relative;
  z-index: 1;
  padding: 20px;
}
</style>
```

Здесь блок с clip path будет адаптироваться под размеры экрана, а контент внутри блока будет отображаться корректно, не выходя за пределы блока.