Vejam o exemplo da estrutura primeiro.
.follow-window-size-container {
height: 100vh;
background-color: green;
}
container-of-svg {
max-height: 100%;
}
container-of-svg svg {
max-height: 100%;
}
<div class="follow-window-size-container">
<div class="container-of-svg">
<img src="http://imgh.us/EU_food_contact_material_symbol.svg" alt="">
</div>
</div>
Meu objetivo é que a imagem em SVG (junto com seu container) se comprima e siga a mesma altura do follow-window-size-container
(que segue a altura da window).
O certo seria funcionar desse jeito, acredito eu, já que o max-height
força o elemento a não ultrapassar determinada altura. Estranhamente não estou conseguindo usa-lo agora...