SVG宽度和高度表现不尽如人意

时间:2014-08-22 17:11:59

标签: html css svg

我目前有一个SVG文件,顶部的标准文本如下:

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="400px"
     height="400px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">

.......

</svg>

我尝试将宽度和高度更改为50%,100%,10%等等......而在Chrome中它只占用了整个屏幕,就像它100%一样,无论如何我尝试了什么。这就像使用百分比一样存在问题。

在Internet Explorer中,图片不会占据整个页面,而且它在100%时会变小。

我知道我可以将它放入div元素然后调整大小,但这个问题困扰着我。显然,我希望使用百分比来获得响应式布局,这种情况确实发生,无论我做什么,它都不会小于100%。

我没有在html中使用img标签。我正在使用像这样的对象标签:

<body>
    <object>
        <embed src="Loading.svg">
    </object>
</body>

对此有任何帮助将不胜感激。

感谢。

0 个答案:

没有答案