How to make the SVG fill the parent div in Firefox?

Here's the SVG was made to completely fill the parent element and be adaptive, i.e. to change the width when resize browser

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2250 160" preserveAspectRatio="none" vector-effect="non-scaling-stroke" style="width: calc(100% - 50px); height: 160px"/>

When the width of the parent SVG in 500px width is 100%-50px = 450px. In all browsers except Firefox.

In Firefox it stretches if for example the viewBox="0 0 150 160", but the shrink doesn't want - if viewBox="0 0 160 2250" its width is equal to 2200 points, regardless of the width of the browser.

It is generally treated?..
June 3rd 19 at 18:54
0 answer

Find more questions by tags CSSSVG