我一直在尝试将我的交互式 svg 地图集成到我的 html 页面中，然后出现了一个小问题：当我将我的（内联）svg 放入一个标准的、非响应式的 HTML 文档中时，内联 svg 会自动很好地适应用户的视口：在这里看到它。
但是，当我尝试在我的页面上使用引导导航栏时，内联 svg 似乎比正常的非引导程序版本"增长"得更大：这里是
因此，我的问题：如何使引导程序版本的行为像普通版本一样？换句话说：如何使引导版本很好地适合用户的视口？
（注意：只有当您的浏览器处于最大尺寸时，您才能看到差异;不要调整浏览器大小）
尝试将其添加到您的 svg 元素中，当我测试它时它可以工作。
它指定 svg 的高度不应超过 100% 的页面高度（减去允许边距和菜单的 80px）。
max-height: calc(100vh - 80px);
至于为什么当你使用Bootstrap时它的高度会改变，我不太确定，但它可能与页面上有更多的元素和Bootstraps的CSS影响它们的高度有关。