map组件对flex布局产生影响 - WXOPEN Club

按照下图这个方式布局，样式如下：

page {height:100%;}

.black {display:flex; flex-flow:column nowrap; height:100%;}

.red {width:100%; height:100%;}

.red map {width:100%; height:100%;}

.purple {flex-shrink:0; flex-shrink:0;}

影响：map组件把元素.red 的高度撑高了，导致元素.black超出了100%的高度，页面出现了滚动条，布局出现问题。

如果将元素.red 中的map组件移除，整个布局是正常的。

试过了给元素.red 设置最大高度，不起效果。