所以我有这个网页,我设置一个SVG来扩展到它的父div(它的位置:绝对)的宽度100%,当我从它存储的目录中打开它时,它很好;然而,当我从互联网上的网址打开它时,它看起来都放大了,并且滚动条滚动到"导航"大svg图像。
#titlebar {
top:0px;
width: 100%;
height: auto;
}
当从文件驱动器(例如file:/// T:/ public_html / ...)访问时,此代码使SVG缩小到父div的宽度,但是使滚动条保留SVG大小,就像原始SVG一样,并有滚动条,以便在通过其URL访问时进行导航。
答案 0 :(得分:0)
您应该尝试将viewBox
属性添加到您包含的SVG中。
它通常用于根据父宽度和高度缩放SVG。
阅读本文以获取更多信息:https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox