SVG加载方式取决于我访问网页的方式

时间:2015-07-10 19:13:23

标签: html css url svg

所以我有这个网页,我设置一个SVG来扩展到它的父div(它的位置:绝对)的宽度100%,当我从它存储的目录中打开它时,它很好;然而,当我从互联网上的网址打开它时,它看起来都放大了,并且滚动条滚动到"导航"大svg图像。

#titlebar   {
    top:0px;
    width: 100%;
    height: auto;
}

当从文件驱动器(例如file:/// T:/ public_html / ...)访问时,此代码使SVG缩小到父div的宽度,但是使滚动条保留SVG大小,就像原始SVG一样,并有滚动条,以便在通过其URL访问时进行导航。

1 个答案:

答案 0 :(得分:0)

您应该尝试将viewBox属性添加到您包含的SVG中。 它通常用于根据父宽度和高度缩放SVG。 阅读本文以获取更多信息:https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox