Bootstrap Google地图显示的像素不小于960px

Question

我知道已经有很多关于此主题的问题，但是尽管尝试了其他建议，但我的问题仍然存在。 当我将浏览器的大小调整为小于960px时，Google地图将不再显示。 当我检查开发工具中的元素时，我发现地图div ID的高度css没有被应用。 我尝试按照另一篇文章中的建议将其更改为100px，但问题仍然存在。 这是我的jsfiddle： http : //jsfiddle.net/we4321/8hs3nLe5/

 #map-canvas {
  width:100%;
  height: 100%;
  height:calc(100% - 0px);
  }

Answer 1

对地图画布使用嵌入响应式：

<div class="embed-responsive embed-responsive-4by3">
 <div id="map-canvas" class="embed-responsive-item"></div><p>
</div>