我一直在尝试将我的交互式svg地图集成到我的html页面中，然后出现了一个小问题：当我将我的（内联）svg放入标准的，无响应的html文档时，内联svg自动适应了用户的视口：see it here。
然而，当我尝试使用bootstrap导航栏到我的页面时，内联svg似乎＆＃34; grow＆＃34;大于普通的非引导版本：here it is
因此我的问题：如何使引导版本的行为与普通版本一样？换句话说：如何让bootstrap版本很好地适应用户的视口？
（注意：只有当您的浏览器处于最大尺寸时才能看到差异;请不要调整浏览器的大小）
答案 0 :(得分：0)
尝试将此添加到您的svg元素中，它在我测试时有效。
它指定svg的高度不应超过页面高度的100％（减去允许页边距和菜单的80px）。
max-height: calc(100vh - 80px);
至于为何使用Bootstrap时它的高度发生了变化，我不太确定，但它可能与页面上有更多元素和Bootstraps＆＃39; CSS正在影响他们的高度。