適合<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！重要;