SVGを固定高さにスケールする - html、css、svg

SVGとして保存されている多くの国旗が、高さと幅が固定されています（それぞれのフラグは1000x700で1500x300など）

例：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="700"></svg>

https://codepen.io/anon/pen/aypvdj

私がしようとしているのは、はるかに小さなサイズにスケールすることです。

固定の高さ（たとえば80ピクセル）と幅の自動拡大を使用して、どのようにスケールするかを理解していません。

回答：

幅を削除し、高さを80ピクセルに変更してviewBoxを追加します。

height="80" viewBox="0 0 1000 700"