适合 <对象>的大小容器

Question

我有这个标记：

#widget1 {
    height:100px;
    width:200px;
}

<div class="widget" id="widget1">
    <object data="foo.svg" type="image/svg+xml" />
</div>

我设法使

Answer 1

这个问题在 svg prime 中得到了回答（带有示例） 。

tl;dr 摘要：

• 删除 svg 根上的 'width' 和 'height' 属性，并添加值为“0 0 w h”的 'viewBox' 属性，其中 w 和 h 是通常在宽度和高度中找到的绝对值属性（请注意，viewBox 属性中不允许使用百分比和其他单位）

Answer 2

将其添加到父 div

#widget1 {
    display: flex;
    justify-content: center;
}

Answer 3

尝试添加：

width: XXXpx !important;
height: XXXpx !important;