左列中的svg在页面加载时“跳转”。当您第一次进入URL时,由于某种奇怪的原因,它会放大HUGE,然后缩小到正确的大小。我怎样才能解决这个问题?
我已经尝试了从百分比高度到vh的所有内容。我需要弄乱Viewbox吗?感谢您的帮助。
最佳答案
这是因为您没有为任何内容指定宽度,而是让浏览器在加载各种对象时调整元素的大小并对其进行重排。您的SVG内嵌在HTML中,因此在页面加载时已经存在。但是您的style.css
和bootstrap.css
文件要等到以后再加载,因此直到那时,SVG才能占据整个页面。
SVG似乎没有响应。它似乎总是以662px的宽度结束。所以只要给它那个宽度。
<svg width="662px" ...
关于svg - 为什么我的SVG在页面加载时跳跃?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45513584/