Javascript 将包含SVG的对象适配到DIV

我正在尝试将对象适配到div。我尝试了适配图像的解决方案，但在这种情况下它们不起作用。有什么想法吗

HTML:

...

CSS:

.image{
位置：固定；
最高：20%；
左：20%；
右：50%；
底部：0；
}
七巧板先生{
最大宽度：100%；
最大高度：100%；
对象匹配：覆盖；
}

---

谢谢

如果我理解您的问题，请在SVG中定义width=“606”height=“202”，在CSS中定义100%

试一试

这是否回答了您的问题？你好，谢谢，但还是不行。我的svg的大小仍然是一样的，而是被裁剪了。还有别的办法吗？

    <div class="image">
    <object id="tangramObj" class="tangram" data="" type="image/svg+xml">
        <svg version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:ev="http://www.w3.org/2001/xml-events"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            baseProfile="full">
        </svg>
    </object>
</div>