Question

我有一个cv宽度的svg：100％，高度：100％。包裹元素占据屏幕的整个宽度。高度是自动的。 wrap div是定义svg维度的内容。

E.g。

<div id="svg-wrap" style="width: 100%; height: auto;">
    <svg style="width: 100%; height: 100%;"></svg>
</div>

如果我加载隐藏了这些元素的页面（显示：无），那么在dom准备就绪后显示元素时，似乎会计算高度。例如，svg的尺寸最终将是非常不成比例的，如1024px宽x25px高，而不是500px高。

我假设如果对象被隐藏，它无法计算对象的宽度，并且它会杀死自动高度。我错过了什么？或者解决方法是什么？

Answer 1

而不是display:none;使用visibility:hidden;，你很高兴！

display:none;从代码中隐藏了对象，而visibility:hidden;只是隐藏了用户视图中的对象。