适合<svg>到<object>容器的大小

Question

我有这个标记：

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

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

我设法使<object>元素填补外<div>，但内foo.svg文件都有自己的想法有多大它是。我需要foo.svg（当然由<svg>元素组成）的尺寸与<object>和<div>的尺寸相同。

Answer 1

这回答了svg primer（与范例）。

TL;博士总结：

• 删除“宽度”和“高度”属性的SVG根，并添加一个“视框”属性，其值为“0 0 WH”，其中w和h绝对值一般在宽度发现和height属性（请注意，百分比等单位未在viewBox属性允许）

Answer 2

尝试添加： 宽度：XXXpx重要; 身高：XXXpx！重要;