Подходит <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; dr Summary:

• удалить атрибуты 'width' и 'height'в корне svg и добавьте атрибут 'viewBox' со значением "0 0 wh", где w и h - абсолютные значения, обычно встречающиеся в атрибутах width и height (обратите внимание, что проценты и другие единицы не допускаются ватрибут viewBox)

Answer 2

Попробуйте добавить: width: XXXpx! Важный;высота: XXXpx! важно;