переход по уклону между секциями автоматической высоты - PullRequest
0 голосов
/ 09 апреля 2020

Я хочу сделать диагональный фон между двумя секциями.

[как это должно выглядеть] [1]

Проблема в том, что у меня есть некоторые проблемы с моим отзывчивым дизайном. Диагональный уклон - это svg, который я экспортировал из Adobe XD.

[SVG из Adobe XD] [2]

Я хочу сделать 100% моего окна просмотра, и высота должна быть авто. Но если я сделаю

ширина: 100%; высота: авто;

не появляется. Я мог бы определить ширину и высоту в пикселях для каждого медиазапроса, потому что я могу масштабировать его в Adobe XD, поэтому я знаю, насколько он должен быть высоким, но если я это сделаю, я должен определить его для каждого возможного размера экрана там .. .

    width: 100%;
    height: auto;
    position: absolute;
    bottom: -125px;
    background-image: url("../../images/images_general/slope_white_bottom.svg");
    background-size: cover;
}```


  [1]: https://i.stack.imgur.com/JFWbi.png
  [2]: https://i.stack.imgur.com/3bxh4.png
...