Possible to build an svg that has fluid horizontal scaling, similar to old table-slice method?

Question

I am attempting to build an svg that can be scaled horizontally and fluidly, similar to the old table-sliced images used to scale a header fluidly across the top of a page.

Answer 1

If you can place each svg in a DIV, its size will determine its svg. However, svg sizing must be in percentages. This may not serve you, for complex svg, with everything is 'floating'

The simple rectangle example is shown below:

DIV width=400px height=100px:




No DIV



DIV width=300px height=50px: