Bootstrap谷歌地图显示不低于960px

Question

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

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

Answer 1

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

android:breakStrategy="balanced"