#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> ;.
总结:
>删除svg根上的“width”和“height”属性,并添加一个值为“0 0 wh”的“viewBox”属性,其中w和h是通常在width和height属性中找到的绝对值(注意百分比和其他单位不允许在viewBox属性)