为什么我的SVG在页面加载时跳跃?

3 svg responsive-design

左列中的svg在页面加载时“跳转”。首次访问URL时,由于某些奇怪的原因,它会放大HUGE,然后缩小到正确的大小。我怎样才能解决这个问题?

我已经尝试了从百分比高度到vh的所有内容。我需要弄乱Viewbox吗?谢谢您的帮助。

Pau*_*eau 5

这是因为您没有为任何内容指定宽度,而是让浏览器在加载各种对象时调整元素的大小并对其进行重排。您的SVG内嵌在HTML中,因此在页面加载时已经存在。但是您的style.cssbootstrap.css文件要等到以后再加载,因此直到那时,SVG才能占据整个页面。

SVG似乎没有响应。它似乎总是以662px的宽度结束。所以只要给它那个宽度。

<svg width="662px" ...
Run Code Online (Sandbox Code Playgroud)