html – 适合容器的大小

发布时间：2020-12-14 21:47:03 所属栏目：资源来源：网络整理

导读：我有这个标记： #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元素组成)与 objec

我有这个标记：

#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属性)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!