我目前有一个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>
对此有任何帮助将不胜感激。
感谢。