在開發微信小程式的時候，我們會遇到各種坑，但是，這個東東是中國人做的，so...會有很多解決方案來填坑，今天就來填個小程式開發元件全屏的坑。

問題

我的小程式只有一個地圖，如下程式碼，但他不是全屏的，

<view >
  <map ></map>
</view>

效果如下：

開啟控制檯進行css控制，但還是不行，所以得控制page。

解決

控制page，然後在控制子元素也是全屏就解決了。
對於page的控制寫在app.wxss中，同時再定義一個全屏樣式。

page{
  width: 100%;
  height: 100%;
}
.container{
  width: 100%
 
;
  height: 100%;
}

將樣式container運用到view和map上，

<view class="container">
  <map class="container"></map>
</view>

現在的效果

原文連結