Ajuste <svg> ao tamanho do recipiente <object>
Eu tenho esta marcação:
#widget1 {
height:100px;
width:200px;
}
<div class="widget" id="widget1">
<object data="foo.svg" type="image/svg+xml" />
</div>
Eu consegui fazer o<object>
elemento encher o exterior<div>
, mas o arquivo foo.svg interno tem suas próprias idéias de quão grande é. Preciso de foo.svg (que consiste em um<svg>
elemento, é claro) ter o mesmo tamanho que<object>
e<div>
.