html – 适合容器的大小

前端之家收集整理的这篇文章主要介绍了html – 适合容器的大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个标记
#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&gt ;.

解决方法

这在 svg primer中被回答(有例子)。

总结:

>删除svg根上的“width”和“height”属性,并添加一个值为“0 0 wh”的“viewBox属性,其中w和h是通常在width和height属性中找到的绝对值(注意百分比和其他单位不允许在viewBox属性)

猜你在找的HTML相关文章