<object>-元素未扩展到其内部内容的大小

Question

我使用<object>元素在HTML文件中加载<svg>元素。我的问题是<object>不能像我希望的那样扩展到其内部内容的大小。

Screenshot of a website where this problem occurs

在屏幕截图上，您应该（在可行时）能够看到德国的整个地图。问题是，我无法为with和height设置固定值，因为其他国家/地区地图的尺寸​​也不同，所以必须动态设置。

稍后的另一件事是，我希望能够缩放整个<object>元素，这可能吗？

我的代码如下：

<object type="image/svg+xml" data="/misc/apps/select/state/' . $_GET['country'] . '.svg"></object>

但是您可以通过调用以下链接自己查看示例： （国家接受欧盟内部的国家）

https://languently.net/select/state?country=DE

我很确定<svg>标签不能正确展开，因为里面的<g>大小合适。这就是我和我的一个朋友进行故障排除时发现的所有信息。

Answer 1

尝试将对象元素的宽度和高度设置为100％值