[解決済み] How do I scale a stubborn SVG embedded with the <object> tag?

Question

I have some SVG files that specifies width and height as well as viewbox like this:

<svg width="576pt" height="432pt" viewBox="0 0 576 432" > ...

but how to display them in the browser at a size I decide? I want them smaller and have tried:

<object width="400" data="image.svg"></object>

but then I get visible scrollbars.

It works if I change the SVG files to set width and height to 100% instead, but I want to decide the size in the HTML regardless of what sizes are used in the SVG file. これは可能ですか？

どのように解決するのですか？

2009 年にこの質問をしたとき、ここで提供されたどの回答も私には効果がありませんでした。今、私は再び同じ問題に直面しているので、私は <img> タグと幅を svg と一緒に使用するとうまくいくことに気づきました。

<img width="400" src="image.svg">